Nothing says experienced frontend developer quite like Sass. From agencies to freelancers, it seems like everyone is talking about Sass/SCSS development. Although it may seem daunting at first, Sass is easy to learn with just a bit of practice and patience.
Once you understand SASS basics your dev workflow will improve dramatically. Beyond the basics you can build simple interfaces and code snippets using pure Sass and even compile your own mixins. This gallery includes 33 free code snippets written with Sass/SCSS code. Feel free to dig through these examples and reverse engineer the syntax. You might be surprised how much you can learn!
YAUI v2
SCSS Cucumber
Microsoft Store Logo
Red Pagination
Animated Pokémon
Light-Up Letters
Vector Lion
SASS Color Functions
Moving 3D Cube
3D Text
Kaleidoscope
Dot Matrix Paper
SASS Mixin Buttons
HAML Login
Pure SCSS Button
Sig-In Form
Japanese Characters Table
Striped Border
CSS Bar Chart
Personal Mark
iOS Toggle Mixin
Harsh Mixin
Sass UI Grid
Pure Loader
Letterpress Mixin
Sass RGBa
Flat Buttons
Sass Cloud
UI Kit
CSS Blur
Nexus Motion Blur
Custom Select Menu
Photo Albums
Check out these related open source snippets:
36 Open Source Twitter Bootstrap Code Snippets
38 Free Open Source CSS Dropdown Navigation Menus
Author: Jake Rocheleau
Jake is a creative designer, illustrator, and web developer. He frequently writes articles involving new-age design concepts and freelance management skills. You can find him in Google or follow his tweets @jakerocheleau
