249 CSS Sass-mixins 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

The project uses the Github API and Typescript object-oriented programming to generate cards with repositories of users typed into the search field.

The project uses the Github API and Typescript object-oriented programming to generate cards with repositories of users typed into the search field.

🚀 Technologies Vite HTML5 SCSS TypeScript Scrollreveal Remixicons Github API Google Fonts 💻 Project The project uses the Github API and Typescript o

05

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

06

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

07

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

08

🌴 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

09

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

10

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

11

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

12

💲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

13

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

14

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.

15

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

16

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

17

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

18

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

19

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.

20

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

21

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

22

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

23

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

24

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.

25

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 ·

26

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.

27

: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

28

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

29

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

30

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

31

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

32

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

33

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

34

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

35

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

36

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

37

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

38

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

39

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:

40

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

41

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

42

Est is a mixin library based on Less which helps you write Less code more efficiently

est (EFE Styling Toolkit) From Middle English este, from Old English ēst (“will, consent, favour, grace, liberality, munificence, bounty, kindness, lo

43

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 -

44

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

45

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.

46

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

47

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

48

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

49

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

50

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

51

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

52

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

53

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

54

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

55

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

56

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

57

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

58

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

59

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

60

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

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

61

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

62

Colour library for the css preprocessor SASS

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

63

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

64

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.

65

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

66

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

67

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

68

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.

69

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.

70

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.

71

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

72

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

73

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

74

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.

75

It's a set of useful mixins for LESS, the CSS pre-processor: lesscss.org.

LESS DSS (dynamic stylesheet) It's a set of useful mixins for LESS, the CSS pre-processor: lesscss.org. I recommend a "CodeKit" app for the auto compr

76

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

77

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

78

🏢 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

79

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

80

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

81

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

82

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

83

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.

84

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

85

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

86

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

87

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

88

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

89

🎨 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

90

💫 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

91

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

92

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

93

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

94

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

95

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

96

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

97

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

98

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.

99

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

100
1 2 3