244 CSS Sass Libraries

An online website for a conference, personalized with the content for an "Intercultural Exchange Mexico-Canada 2023". Built with HTML, CSS, SASS and JavaScript.

An online website for a conference, personalized with the content for an

My Capstone Project! MAIN PAGE Desktop version: Mobil versión: ABOUT PAGE Desktop version: Mobil versión: Built With HTML CSS JS Getting Started To ge

01

Desafio para criar 30 mini projetos utilizando HTML, CSS e SASS em 30 dias

Desafio para criar 30 mini projetos utilizando HTML, CSS e SASS em 30 dias

📝 🎨 🚀 30diasDeCSS 🚀 🎨 📝 30 dias de CSS(Cascading Style Sheets), é um desafio para ajudá-lo a melhorar suas habilidades de codificação fazendo mi

02

A group of achievements, projects and skills that i've gain with HTML, CSS and Javascript, frameworks used Bootstrap and Sass

Federico's Portfolio A little history of me, thinking of a future with You in here: https://flunavgt.github.io/Federico-s_Portfolio/ Built With HTML C

03

Clay.css - Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

Clay.css - Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

Clay.css - Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

04

This is a web page, with an SPA approach, that shows a list of books, and allows to add and delete books. It was created with plain JS, using ES6 syntax and the Luxon library to show the current date.

Awesome books with ES6 This is a web page that shows a list of books, allows to add and delete books. The page has an SPA approach. Built With HTML5 C

05

Sistema delivery, com carrinho de compras

Sistema delivery, com carrinho de compras

Sistema de compra de pizzas Projeto desenvolvido para portifólio pessoal. • Exemplo API de Pizzas • Skills utilizadas • Contato Visão geral Aplicação

06

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

Butter Cake v4.0.0 A Modern Lightweight Front End CSS framework for faster and easier web development. Explore Butter Cake docs » Report bug . Request

07

🌴 Minimalist. Modern. Simple. 🌴 An open source CSS library.

🌴 Minimalist. Modern. Simple. 🌴 An open source CSS library. Table of contents Table of contents Add Palm Tree to your project Keep in mind Starter t

08

A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites

Responsive Boilerplate A powerful, accessible, developer friendly, framework for building responsive websites Responsive Boilerplate is the developers

09

Lightweight basic CSS style sheets.

Lightweight basic CSS style sheets.

Styled CSS Base Lightweight basic CSS style sheets. If you get tired of setting up a comprehensive styling scaffold, you may try returning back to thi

10

This repo houses how I built from scratch a portfolio website using raw HTML5, CSS (SASS) and JavaScript.

myOwnPortfolioProject1 This repo houses a portfolio website I built from scratch using HTML5, CSS (SASS) and JavaScript. It is based on a tutorial by

11

💲The world's most trusted, fast and secure currency converter app

💲The world's most trusted, fast and secure currency converter app

Currencee 💲 The world's most trusted, fast and secure currency converter app Currencee is a simple app built using HTML and JavaScript. Styling is do

12

This is the folder structure for newbie to learn about sass syntax.

This is the folder structure for newbie to learn about sass syntax.

SASS Structure Template Description 👈 This is the folder structure for newbie to learn about sass syntax. Setup 🚩 IDE: Visual Studio Code Editor SAS

13

A SaaS Project Management App Landing Website

 A SaaS Project Management App Landing Website

A SaaS Project Management App Landing Website. The design is modern, beautiful and responsive. It displays your content nicely on Desktop, Laptop, iPad, iPhone, Android Mobile, and tablets.

14

Starter kit for dev project using Webpack, Sass, and Tailwind with a few extras.

Starter kit for dev project using Webpack, Sass, and Tailwind with a few extras.

This is my boilerplate There are many like it but this one is mine... Made this repo to hold a basic skeleton package I've pieced together of the tool

15

My personal blog where I will be putting my projects and new learned skills 💪💪. Its a project for a couple of months.

My personal blog where I will be putting my projects and new learned skills 💪💪. Its a project for a couple of months.

Its my personal Blog, where i will be putting some stuff Getting Started with Create React App This project was bootstrapped with Create React App. Av

16

The Odin Project: This is an educational project to make sign-up form following a design provided by The Odin Project. Built with HTML, Sass and JavaScript.

The Odin Project: This is an educational project to make sign-up form following a design provided by The Odin Project. Built with HTML, Sass and JavaScript.

Sign-up Form This is an educational project to make sign-up form following a design provided by The Odin Project. Built With Languages: HTML, Sass and

17

HCoding is a simple template for practice with boostrap 5 ,SASS and PUG

HCoding is a simple template for practice with boostrap 5 ,SASS and PUG

HCoding - Creative & Simple Template HCoding is a simple template for practice with boostrap 5 ,SASS and PUG View Demo · Report Bug · Request Feature

18

This is my personal portfolio website with all the information about my projects, contacts, resume, skills and many more

This is my personal portfolio website with all the information about my projects, contacts, resume, skills and many more

This is my personal portfolio website with all the information about my projects, contacts, resume, skills and many more. Each projects have details about the team, tech-stack, etc. Connect with me via socials and can also contact through email.

19

Shortly - A URL shortening API landing page

Shortly - A URL shortening API landing page

Shortly Intitulé du projet URL shortening API landing page (Challenge Frontend Mentor) Live demo Résumé de la mission Your challenge is to integrate w

20

Anyone is allowed to use this boilerplate, it has contained startup files and a linters. It is configured with all basics try it or even you can raise a pull request as your contribution.

HTML CSS SASS JavaSript template project This is a portifolio project that was implemented from the figma design Link to live project Pascal portifoli

21

Ein Beispiel von ein Carousel 3d mit Sass und Javascript.

carusel3D-SassJS Sehen: https://tonyfverdu.github.io/carusel3D-SassJS/ Ein Beispiel von ein Carousel 3d mit Sass und Javascript. Es is ein bissen komp

22

CSS UI and utility framework to build modern and responsive components

CSS UI and utility framework to build modern and responsive components

Fernosa Flexible CSS Framework Packed With Responsive Components And Utility Join Our Discord For Help: https://discord.gg/9VgwJetEvG Documentation: S

23

This is module one Capstone Project - Microverse - An App named iDreality.

This is module one Capstone Project - Microverse - An App named iDreality.

This is module one Capstone Project - Microverse - An App named iDreality. It is an innovation and life coaching hub, a digital platform that provides solutions to the ideas that have not been birthed, taking them from incubation to execution.

24

Utility and component-centric Design System based on Bootstrap 5 for fast, responsive UI development.

Utility and component-centric Design System based on Bootstrap 5 for fast, responsive UI development.

Webpixels CSS Utility and component-centric Design System based on Bootstrap for fast, responsive UI development. Explore Documentation » Report bug ·

25

This is a Microverse (@microverseinc) project which aims at creating a website for an event using a design from Behance.

This is a Microverse (@microverseinc) project which aims at creating a website for an event using a design from Behance.

This is a Microverse (@microverseinc) project which aims at creating a website for an event using a design from Behance.

26

:triangular_ruler: Quickly create angled section edges using only Sass

:triangular_ruler: Quickly create angled section edges using only Sass

Angled Edges 📐 A Sass mixin for creating angled edges on sections by dynamically encoding SVGs. Need angled edges in regular CSS? Check out the Angle

27

Collection best of Sass mixins and function

Collection best of Sass mixins and function

SassMagic SassMagic is a collection of Sass mixins and functions to ease and improve our implementations of common style-code patterns. Collection bes

28

Sierra SCSS library

The smallest and lightest scss library Online demo Visit demo website. Visit a theme customization example. What's the difference with other SCSS libr

29

It's a flat, fast and powerful front-end framework for rapid web development.

Furatto Furatto is a lightweight & friendly front-end framework got get the job done, created and maintained by Abraham Kuri from Icalia Labs. To get

30

A simple CSS tooltip made with Sass

Simptip [v1.0.4] A simple CSS tooltip made with Sass Visit Site, Documentation and some examples Installation Install with npm, Yarn or Bower: npm: np

31

A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

Skeleton-Sass Skeleton-Sass is the (un)official Sass version of Dave Gamache's Skeleton Framework. It currently featues a stable version of Skeleton 2

32

Sass mixins based on Dan Eden's Animate.css

Animate.scss This is a port of Dan Eden's Animate.css for SASS. Doesn't this already exist somewhere else? Yes, there are plenty of other ports of thi

33

Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system

📣 Avalanche 2 coming soon with Custom Properties. Avalanche CSS grid system Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system

34

An easy to use flexbox grid system.

Waffle grid An easy to use flexbox grid system. Getting Started To get the waffle grid system in your web page, simply paste this code into the head o

35

Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library

Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, @mattaussaguel List of CSS3 Sass Mixins File to be @imported and @includ

36

Simple, CSS utility classes for advanced typographic features.

Simple, CSS utility classes for advanced typographic features.

Utility OpenType Simple, CSS utility classes for advanced typographic features. Falls back gracefully through feature queries. Less than 1.75kB gzippe

37

A Sassy version of Dan Eden's Animate.css

animate-sass Sassy just-add-water CSS animation animate-sass is a Sass version of Dan Eden's Animate.css. Installation Add animate-sass to your projec

38

Sass-based CSS Architecture

MVCSS Contributing We use Semantic Versioning for all versioning. When you make a Major, Minor, or Patch update, you'll need to the do the following:

39

CSS framework (made with SASS)

SkyBlue 2020 Update This repo is not actively maintained. I removed gulp in favor of node-sass but that is it. Glad to see some folks are still using

40

A CSS survival kit. Includes only the essentials to make camp.

A CSS survival kit. Includes only the essentials to make camp.

Tent CSS TentCSS 1.x.x is not currently receiving updates. A CSS survival kit. Includes only the essentials to make camp. Website - http://css.siteten

41

Build layout through ASCII art in Sass (and more). No pre-built CSS. No additional markup.

Build layout through ASCII art in Sass (and more). No pre-built CSS. No additional markup.

Grassy | Docs | Playground What you ASCII is what you get. Build layout through ASCII art in Sass (and more). Installation and Usage yarn add grassy -

42

Scally is a Sass-based, BEM, OOCSS, responsive-ready, CSS framework that provides you with a solid foundation for building reusable UI's quickly 🕶

⇒⇒ Scally is no longer actively maintained. To see a more modern version take a look at my latest open source CSS library: backpack.css. ⇐⇐ Contents W

43

Juice - Mixins for Life

Simplify your life. Juice is a collection of Sass mixins/functions that are used to minimize the work needed to apply styling/properties to elements. Juice is not just a collection to help with cross browser support, so it is best paired with autoprefixer, for the best possible browser compatibility.

44

An unmodified* copy of Eric Meyer's CSS reset. PostCSS, webpack, Sass, and Less friendly.

reset.css An unmodified* copy of Eric Meyer's CSS reset. Install With curl: $ curl -LO "https://unpkg.com/reset-css/reset.css" $ curl -LO "https://unp

45

Generates styleguides from Markdown comments in CSS, SASS and LESS files using Handlebars

sassdown Grunt plugin for building living styleguides with Handlebars from Markdown comments in CSS, Sass and LESS files. Note: This plugin is in semi

46

A simple colorful CSS framework

A simple colorful CSS framework

Unnamed Unnamed is a simple colorful css framework that is recommended to be used while learning something and you're too lazy to style your component

47

A CSS Grid Framework

A CSS Grid Framework

Griddle is a CSS framework created with CSS Grid and Flexbox. It's easy to get started with Griddle, especially if you are familiar with how other CSS

48

Conditional Styles with Sass. Dress you CSS appropriately.

Jacket Conditional Styles with Sass. Dress your CSS appropriately. Jacket is a Compass component that prints or hides styles based on context variable

49

A bare minimum responsive framework

BareKit Visit website for full usage docs BareKit is a front-end project starter meant to be a starting point and structural guide rather than a full

50

Build a Furniture Shop Web UI using primarily ReactJS Frameworks and additional libraries like Redux & SASS

Build a Furniture Shop Web UI using primarily ReactJS Frameworks and additional libraries like Redux & SASS

🛍️ ReactJS Furniture Web Shop 📝 Disclaimer: The project is on development, some features might not perform functionally at expected. We are trying

51

A responsive micro-framework for the grid spec powered by CSS custom properties.

A responsive micro-framework for the grid spec powered by CSS custom properties.

Iota A responsive micro-framework for the grid spec powered by CSS custom properties. Overview 1 class – That's right, one little class is all you nee

52

A collection of CSS buttons.

Buttons A collection of CSS buttons. Live demo. About This Project My goal was to create a variety of stylish buttons for the web, using minimal marku

53

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

Butter Cake v4.0.0 A Modern Lightweight Front End CSS framework for faster and easier web development. Explore Butter Cake docs » Report bug . Request

54

Google material color implementation for Sass, Less, Stylus, CSS and JS

google-material-color Google material color implementation for Sass, Less, Stylus, CSS and JS. This color palette comprises primary and accent colors

55

Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)

For users who can embrace the newest of technology, Flexiblegrid comes with an flex based grid. It’s the same grid you know and love, but with even be

56

Skeleton Sass is a highly modular version of Skeleton CSS

Skeleton Sass is a highly modular version of Skeleton CSS

Skeleton Sass Skeleton Sass is a highly modular version of Skeleton CSS build on top of the popular CSS metalanguage, Sass. Key Features Ability to se

57

Stock performance is a web application to check out performance by company to see which one performs the best, based on an external API provided by Financial Modeling Prep. Built with Ract, Redux, and SCSS.

Stock performance is a web application to check out performance by company to see which one performs the best, based on an external API provided by Financial Modeling Prep. Built with Ract, Redux, and SCSS.

Stock Performace App Stock performance is a web application to check out performance by company to see which one performs the best, based on an extern

58

CSS/SASS codes and woff files for google's roboto webfont

CSS/SASS codes and woff files for google's roboto webfont

59

Sass replacement for the standard CSS named color system

The New Defaults: A Sass Color Thesaurus A Sass replacement for the standard CSS named color system. Provides more visually appealing hues for many CS

60

Colour library for the css preprocessor SASS

ColorMeSass Colour library for the css preprocessor Sass. Full site with colours, variable names and documentation here.

61

Corona Admin a free responsive admin template built with Bootstrap 5

Corona Admin a free responsive admin template built with Bootstrap 5

Corona-free CoronaAdmin-Free-Admin-Template Corona Admin is a free responsive admin template built with Bootstrap 5. The template has colorful, attrac

62

Hocus-Pocus: a universal and lightweight stylesheet starter kit that focuses on base html elements and typography

Hocus-Pocus is a universal and lightweight stylesheet starter kit that focuses on base html elements and typography. You can change the look of every single component, disable some features and define a range of helpers with variables.

63

A powerful little Compass extension for inuit.css for insanely serious developers

A powerful little Compass extension for inuit.css for insanely serious developers

A powerful little Compass extension for inuit.css for insanely serious developers. Contribute Please fork this repository, then submit a pull request

64

Dress Code - a style library / style guide which is designed for maintainability and modularity

The Dress Code The Dress Code is a style library / style guide which is designed for maintainability and modularity. Used by Zalando Brand Solutions d

65

Latest icon fonts and CSS for self-hosting material design icons

material-icons Latest icon fonts and CSS for self-hosting material design icons. This package is automatically updated, so it will always have the lat

66

The light Sass library for managing your sizes and dimensions across breakpoints

The light Sass library for managing your sizes and dimensions across breakpoints

Light Sass lib for managing your font-size, margin, padding, and position values across breakpoints.

67

Custom responsive grids in Sass that work in older browsers.

Column Setter is a Sass tool that lets you easily set up a custom responsive grid for your website and build a float- or flexbox-based layout that aligns to it. It uses one simple function and a small handful of optional mixins to generate CSS widths based on your settings.

68

Bootstrap 4 utility classes for Bootstrap 3 or any other project in LESS and CSS

Bootstrap 4 utility classes for Bootstrap 3 or any other project in LESS and CSS. These are very useful helper classes including common as well as responsive float, spacing and text-align classes which you can easily include in any of your project.

69

FOX CSS - A light Sass/CSS framework

FOX CSS A light Sass/CSS framework, built with the following things in mind: "mobile first" approach support for IE9+ HTML5 ready modular template lig

70

pure-sass: a port of Yahoo!'s Pure CSS framework to SASS

Pure::Sass pure-sass is a port of Yahoo!'s Pure CSS framework to SASS. Plea To be honest, I don't really know that much about CSS, I just wanted this

71

A Sass based CSS Grid Framework Generator

Grid Coordinates This project is unmaintained, but has some good ideas that could be tranistioned to suit RWD and new Sass features. A Sass based CSS

72

Scoped Media Query Sass Mixin

Scoped Media Query Sass Mixin

An element query workaround. A Sass mixin for scoping CSS styles to apply only within given selector/media query pairs.

73

A lightweight CSS framework written in Sass.

Important information Kanbasu won’t get any new features from now on, we do not recommend using it in new projects. This framework was created during

74

Pure CSS, flexible and gapless image gallery layout like Google Images and 500px.com

Pure CSS, flexible and gapless image gallery layout like Google Images and 500px.com

Flexbin Flexible and gapless image gallery layout like Google Images and 500px.com. Based on article of xieranmaya Pure CSS, no need for JavaScript or

75

🏢 CSS (SCSS) Grid based on CSS grid layout with @supports fallback to flexbox

🏢 CSS (SCSS) Grid based on CSS grid layout with @supports fallback to flexbox

Atomic Bulldog Grid 💥 🐶 CSS (SCSS) grid, based on CSS grid layout with @supports fallback to flexbox (partial support). Grid Demo Atomic Bulldog gri

76

BEMSkel - a lightweight CSS framework written in BEM and SASS for building scalable component-based user interfaces

BEMSkel BEMSkel is a a lightweight CSS framework written in BEM and SASS for building scalable component-based user interfaces. It includes commonly u

77

SCSS (Sass) / CSS code for using typeahead.js with Bootstrap 4

SCSS (Sass) / CSS code for using typeahead.js with Bootstrap 4

Typeahead.js and Bootstrap 4 For Bootstrap 3 try typeaheadjs.css typeahead.js The typeahead.js library consists of 2 components: the suggestion engine

78

Shaded Progress Bars: A CSS/Sass Exercise

Shaded Progress Bars: A CSS/Sass Exercise A tutorial on how to create shaded CSS-only progress bars with Sass. By Rafael González. Article on Codrops

79

Create typographical vertical rhythm in your CSS. LESS, Stylus and SASS/SCSS versions included

Vertical Rhythm Create typographical vertical rhythm in your CSS. LESS, Stylus and SASS/SCSS versions included. This should get you to your goal faste

80

Makes supporting CSS for left-to-right (LTR) and right-to-left (RTL) easy with Sass.

Makes supporting both left-to-right (LTR) and right-to-left (RTL) easy. By including directional.scss into your project and using its Sass variables, functions, and mixins, you can create an LTR and RTL CSS bundle for your site.

81

A minimalistic WordPress starter theme, based on Underscores and Foundation for Sites

Heisenberg - Zeek Starter Theme A minimalistic WordPress starter theme, based on Underscores and Foundation for Sites, version ^6.4.3. Prerequisites N

82

A simple, fast, modern, pure html, css (and sass), js, live reload starter template

A simple, fast, modern, pure html, css (and sass), js, live reload starter template

A simple, fast, modern, pure html, css (and sass), js, live reload starter template

83

SASS/CSS3 Keyframe animation generator built on Facebook's Rebound.js

ReboundGen SASS/CSS3 Keyframe animation generator built on Facebook's Rebound.js. Similar to Animate.css Examples See here for a list of the 'out of t

84

Ready-made noise images as data URIs. Available in Sass, LESS, and vanilla CSS flavours

Noisy URIs Ready-made noise images as data URIs. Available in Sass, LESS, and vanilla CSS flavours. What is this? Data URIs (unique resource identifie

85

A Theming kit to Customize Bootstrap 5 with Sass

A Theming kit to Customize Bootstrap 5 with Sass

Bootstrap v5 Theme Kit A starter project for making Bootstrap 5 themes with Sass *** This is simple starter project to help you get started quickly wh

86

🎨 A theme for Organizr that emulates the style of Plex

🎨 A theme for Organizr that emulates the style of Plex

A theme for Organizr that emulates the style of Plex ✅ Usage Setup a PHP 7 server with Organizr 2. Open Organizr Settings Customize Marketplace an

87

💫 ITCSS and BEM based Sass/CSS toolkit; extensible & scalable to any project size

Nebula CSS 6kb (gzip) with default settings. View the demo yarn add nebula-css / Get started Check out Nebula-CSS React Starter to see how this can be

88

Sass project boilerplate following the ITCSS (Inverted Triangle CSS) methodology

itcss-boilerplate Sass project boilerplate following the ITCSS (Inverted Triangle CSS) methodology What Is It? At GPMD we've been using an ITCSS struc

89

A modern-looking userstyle for GitHub

A modern-looking userstyle for GitHub

WinHub-98 A modern-looking userstyle for GitHub Based on tweet by @nikitonsky. Installation First, install Stylus addon for your browser (Chrome, Fire

90

Comparing the differences in compiled CSS when using different Sass/Less methods to build reusable components.

Comparing the differences in compiled CSS when using different Sass/Less methods to build reusable components.

CSS output This is a small repository to demonstrate how specific methods for building CSS components with a preprocessor like Sass can affect your co

91

A boilerplate for static site projects

Pear A boilerplate for static site projects. Personally, I often use this for quick HTML prototyping. See it at http://eatapear.com. Pear is focused o

92

A one size fits all responsive type solution

Responsive Type The last time you will ever have to worry about responsive type, seriously! Configure all type settings in one file using sass variabl

93

A simple mixin tooltip CSS using Sass

Tipsy.sass A mixin tooltip CSS using Sass. It currently support Internet Explorer 9+, Chrome, Firefox, Safari and Opera Installation NPM $ npm install

94

Blocss: Sass based, "Object Oriented" CSS framework

Blocss – v7.0.1 Why use Blocss: Blocss is a small but powerfull css framework designed specially for serious developers. Blocss provides little to no

95

Parasail is a minimalistic CSS framework from Parasail Health using SASS and Flexbox.

Parasail is a minimalistic CSS framework from Parasail Health using SASS and Flexbox.

Parasail is a minimalistic CSS framework from Parasail Health using SASS and Flexbox. It's main feature is a Flexbox based grid system which lets you create responsive layouts easily.

96

A pure CSS library that provides you with a variety of nice-looking toggles

MoreToggles.css MoreToggles.css is a pure CSS library that provides you with a variety of nice-looking toggles. You only have to attach a class to the

97

Pixel Perfect CSS (Scss)

pixelperfectcss-scss Pixel Perfect CSS (Scss) Install Settings download @import "pixelperfectcss-settings"; @import "node_modules/pixelperfectcss-scss

98

SASS mixin for linear interpolation between multiple values across multiple breakpoints using CSS calc() and viewport units

Poly Fluid Sizing Poly Fluid Sizing is a SASS mixin to linear interpolation size values using calc() across multiple breakpoints. It uses some basic m

99

👨‍🎨 CSS Themes Made Easy. A robust, opinionated solution to manage themes in your web application

👨‍🎨 CSS Themes Made Easy. A robust, opinionated solution to manage themes in your web application

CSS Themes Made Easy Themify lets you manage your application’s themes in realtime, using a robust solution that’s easily configurable. Themify is a P

100
1 2 3