200 CSS Scss-partials Libraries

Bundle of SCSS utilities & functions.

SCSS Partials About SCSS partials is a collection small snippets of SCSS, with features such as: Breakpoint mixins Flex utility classes Margin classes

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

Custom selectbox in pure JS and CSS.

Custom selectbox in pure JS and CSS.

Justselect - Input select lightweight styling library What is it? Creating custom-styled select boxes was always painful. Pure CSS cannot do this and

03

A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS

A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS

Annimay A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in CSS and SCSS and

04

A collection of link hover effects, styled with SCSS.

Link Hover Effects A collection of link hover effects. View the website here. Made with Jekyll and hosted via GitHub Pages. I used Sass for styling th

05

A functional calculator using JavaScript Scss to show that a project is much more than just code.

A functional calculator using JavaScript Scss to show that a project is much more than just code.

Description A functional calculator using HTML, SCSS and JavaScript to show that a project is much more than just code. To use the calculator, simply

06

Crypto Project Demo Application, Not completed

Please if you are going to clone the repository please like it This is a Next.js project bootstrapped with create-next-app. Getting Started First, run

07

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

08

Frontend Mentor - Stats preview card component

Frontend Mentor - Stats preview card component

Frontend Mentor - Stats preview card component Welcome! 👋 Thanks for checking out this front-end coding challenge. Frontend Mentor challenges help yo

09

Frontend Mentor - Product preview card component

Frontend Mentor - Product preview card component

Frontend Mentor - Product preview card component Welcome! 👋 Thanks for checking out this front-end coding challenge. Frontend Mentor challenges help

10

Notes app, create your notes with informations that you think importants and update or delete your already existing notes.

Notes app, create your notes with informations that you think importants and update or delete your already existing notes.

Notes App Preview · Report Bug · Request Feature About this project ❓ This is a web application that storaged notes in card shape, with the note title

11

Add a image loader & image load error (without adding an HTML element or using JS).

CSS-Image-Loader Add a image loader & image load error (without adding an HTML element or using JS). Just pure CSS! Show your support! Note: this is j

12

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

13

Responsive and Modern CSS Framework

CasCare CSS CasCare.css is a light-weight and responsive open source CSS library. Getting Started There are 2 ways to get started with CasCare CSS lib

14

🌴 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

15

A small css library to build skeleton placeholders

A small css library to build skeleton placeholders

Skeleton Placeholder A small CSS library to help you build skeleton placeholders. Allows you to keep using your existing layout and turn them into ske

16

Terminal Style CSS Framework

Terminal Style CSS Framework

UITerminal Terminal Style CSS Framework Introduction UITerminal is an Terminal Style CSS Framework. Install You can get UITerminal with CDN. head

17

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

18

💲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

19

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.

20

Enterprise-level boilerplate for react projects

Enterprise-level boilerplate for react projects

About This project is created using react, typescript, vite & scss with prepared configurations for dockerizing the project & client-side release scri

21

This is a interior design website.

This is a interior design website.

iDESIGN Interior Design Website Interior design and designer furnishings are becoming immensely popular worldwide. And when it comes to decorating the

22

Carousel made with html, scss and js

Carousel SITE HERE 📖 Table of Contents Project Description Technologies Status ✏️ Project Description This is a reviews carousel project. Each review

23

NFT marketplace is a free open source demo decentralized platform made with reactjs and scss.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

24

A modern room decor with wonderful & rewarding design ideas

A modern room decor with wonderful & rewarding design ideas

Room homepage Table of contents Overview End term goal Design Links Process Built with Useful resources Contribution Issue Contributing Guidelines Con

25

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

26

📒 Uma lista de tarefa para organizar a rotina durante o dia.

📒 Uma lista de tarefa para organizar a rotina durante o dia.

📝 Introdução What to do? é uma aplicação web para listagem de tarefas diárias. O usuário pode remover, adicionar e marcar as atividades que desejar e

27

A random background color changer. This is a good project to get you started working with the DOM.

ColorFlipper A random background color changer. This is a good project to get you started working with the DOM. By manipulating the DOM, you have infi

28

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

29

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 ·

30

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

31

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

32

Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.

Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.

Boilerform Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms. By providing baseline BEM structured CSS and

33

Lightweight pure CSS tooltip for the greater good

Lightweight pure CSS tooltip for the greater good

Lightweight pure CSS tooltip for the greater good Table of Contents About As Seen in Why Install Usage Demo Support Contributing License About Wenk is

34

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

35

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

36

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

37

A fine selection of SVG pattern background, packed in a single CSS or SCSS file. Add patterns just adding a class.

PatternBolt Patternbolt is a fine selection of SVG pattern background, packed in a single or SCSS (or CSS ) file. The pattern is added in a "after" el

38

A pure CSS/SCSS/LESS Tooltips library. Super easy to use, No JavaScript required.

A pure CSS/SCSS/LESS Tooltips library. Super easy to use, No JavaScript required.

Tootik A pure CSS/SCSS/LESS Tooltip library. Super easy to use, No JavaScript required. Tooltip Generator: https://eliortabeka.github.io/tootik/ Demo

39

Animated CSS/SCSS Buttons

Hover-Buttons Hover Transition CSS/SCSS Buttons DEMO/CHEATSHEET How to use? Option 1 (Super quick) Click here for a cheatsheet Click on the button you

40

Vim syntax file for scss (Sassy CSS)

Vim Syntax File for SCSS (Sassy CSS) Installation I recommend to use a plugin manager like Vundle for the installation. Vundle Open your ~/.vimrc file

41

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.

42

Pavilion CSS Framework. A solid starting point without the bloat.

Pavilion A solid startingpoint without the bloat. TL;DR Lightweight. Only 26kb minified. Versatile fully responsive grid system. Responsive, modular t

43

SCSS version of normalize.css

normalize.css Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We

44

Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.

Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.

A lightweight layout library for building great responsive mobile first UIs that work everywhere. Open Source, built with CSS Grid and Flexbox.

45

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

46

Typographic modular scale starter based on body's font-size built on SCSS.

SCSScale Typographic modular scale starter based on body's font-size built on SCSS. Font-size calculated in rem with a fallback integer number in pixe

47

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

48

An SCSS partial that builds flexible, modular hex grids using CSS Grid

Hexi-Flexi Grid Github Page Hexi-Flexi Grid is an SCSS component, built on the CSS Grid layout, that creates a hexagonal lattice. The mixin includes a

49

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

50

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

51

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

52

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

53

A Flexible Atomic-Focused CSS Toolkit

A Flexible Atomic-Focused CSS Toolkit

Biomatic CSS A flexible atomic-focused CSS toolkit Biomatic CSS is an atomic-focused CSS library with utilities, layout, and basic components classes

54

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

55

SCSS Framework para agilizar maquetación Frontend

Wakkos SASS framework Configuración: settings.scss Configura primeramente el archivo lib/settings.scss. Pasa a configurar las variables y diferentes o

56

The colour palette, based on Google's Material Design, for use in your project.

Material Design Color The colour palette, based on Google's Material Design, for use in your project. Installation git: git clone git://github.com/mrm

57

Modularized and Sassy normalize.css

normalize.scss Modularized and Sassy Normalize.css.

58

Sky's CSS Toolkit

Sky's CSS Toolkit

59

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.

60

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

61

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.

62

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.

63

An Utility CSS only library. It supports css grid and many more useful css properties.

RaisinCSS An Utility CSS only library. Supports CSS Grid (Check grid section) Supports Flexbox Totally open to customization Skeleton and utility base

64

Select2 Bootstrap4 Theme

Select2 Bootstrap4 Theme Compatibility Tested with Bootstrap v4.1.1 and Select2 v4.0.6rc1 in latest Firefox, Chrome and Safari (Mac). Installation Dow

65

🏢 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

66

Responsive vertical timeline in SCSS

Responsive Timeline Vertical timeline which i created for a personal project. Created using Gulp and Sass. To free edit install all dependencies: $ np

67

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

68

A collection of pure CSS flags, all single divs.

A collection of pure CSS flags, all single divs.

Single Div Pure CSS Flags Using the Library Instructions for Developers How to use the library Grab the compiled CSS from the ./dist folder For the pu

69

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

70

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.

71

Keep a track of tasks you need to do

Keep a track of tasks you need to do

To Do List Keep a track of tasks you need to do. An Application where you can keep a track of the tasks you need to do and checkout the ones that have

72

🎨 A discord theme that changes your CSS style

🎨 A discord theme that changes your CSS style

About theme Discord_Theme theme is made by AlexFlipnote#0001 & CyberRonin#5517 This was made to let everyone who wants, able to have a more good-looki

73

eFrolicss - CSS framework which without using JavaScript is interactive and animated

eFrolicss - CSS framework which without using JavaScript is interactive and animated

🔔 eFrolicss | CSS framework which without using JavaScript is interactive and animated. This framework is based on being simple and modern to develop

74

Demo for the tutorial on how to animate two SVG animals using only CSS (SCSS)

Animated Animals Demo for the tutorial on how to animate two SVG animals using only CSS (SCSS). By David Khourshid. Article on Codrops Demo License In

75

Css Star Rating is a css only star rating lib based on best practice UX/UI methodes. It is written in scss and fully customizable.

Css Star Rating is a css only star rating lib based on best practice UX/UI methodes. It is written in scss and fully customizable.

Css Star Rating ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ Css Star Rating is a pure css star rating plugin based on best practice UX/UI methods. ⭐ Css Star Rating is written in scs

76

A modern and minimalist framework for building responsive and modern frontend

 A modern and minimalist framework for building responsive and modern frontend

Zeva A modern and minimalist framework for building responsive and modern frontend Explore Zeva docs » Report bug · Request feature Table of contents

77

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

78

Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.

Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.

Boilerform Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms. By providing baseline BEM structured CSS and

79

Responsive layout with advanced sidebar menu built with SCSS and vanilla Javascript

Responsive layout with advanced sidebar menu built with SCSS and vanilla Javascript

Pro sidebar template Responsive layout with advanced sidebar menu built with SCSS and vanilla Javascript Demo See it live Screenshot Installation # cl

80

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

81

Pixel Perfect CSS (Scss)

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

82

Themeable CSS framework of Denali UI components

Denali CSS Library Table of contents Background Quick Start Install Browser support Versioning Contribute License Background The Denali System Languag

83

systematize.scss: normalize styles across browsers. Like normalize.css, but with system fonts.

systematize.scss: normalize styles across browsers Like normalize.css, but with system fonts. This project is an SCSS version of normalize.css (8.0.1

84

Webpack 4 template. Vue, Babel 7v, Sass / css / postcss (autoprefixer & css-nano & css-mqpacker)

Webpack Template Document Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable o

85

Uimini - Lightweight, css only, responsive and powerful css framework for easier web development

Uimini - Lightweight, css only, responsive and powerful css framework for easier web development

Uimini Lightweight, css only, responsive and powerful css framework for easier web development. Explore Uimini docs » Report bug · Request feature · F

86

"Leaderboard" displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service. Build with JavaScript, HTML, SCSS, and Webpack.

leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

88

A lightweight front-end component library for developing fast and powerful web interfaces.

A lightweight front-end component library for developing fast and powerful web interfaces.

Grayshift A lightweight front-end component library for developing fast and powerful web interfaces. Explore Grayshift docs » Examples · Themes (Soon)

89

Sass Essential Training on LinkedIn Learning and Lynda.com.

Sass Essential Training This is the repository for my course Sass Essential Training. The full course is available on LinkedIn Learning and Lynda.com

90

Family.scss is a set of 26 smart Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy and classy way.

Family.scss is a set of 26 smart Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy and classy way.

91

Building a collection of my common use Sass mixins, functions and snippets. All written with SCSS syntax

Building a collection of my common use Sass mixins, functions and snippets. All written with SCSS syntax

Sass boilerplate Building a collection of my common use Sass mixins, functions and snippets. All written with SCSS syntax. Revision history Library re

92

Buttono is a Sass mixin based on BEM naming convention

Buttono is a Sass mixin based on BEM naming convention. It helps you to create nice buttons in an easy way

93

Solid, fluid, IE-friendly Sass (SCSS) framework.

Solid, fluid, IE-friendly Sass (SCSS) framework.

bullframe.css https://github.com/marcop135/bullframe.css bullframe.css is a Sass (SCSS) framework that works in all browsers, modern or not. It's a cr

94

Modern framework to print the web correctly.                                               

Modern framework to print the web correctly.                                               

Modern framework to print web pages correctly How to use Simply include the right stylesheet(s) in your html and load it only for a printer. Gutenberg

95

A bare bones responsive SCSS boilerplate for web designers

Motherplate: A Responsive SCSS Boilerplate for Web Designers Preview: https://leemunroe.github.io/motherplate/example.html What is this? This is a bar

96

The minimal CSS toolkit for flat and clean designs

siimple A collection of toolkits and libs for building a better web Introduction The siimple project started as a small css framework with basic UI el

97

AttriCSS is a classless css framework that style normal ugly html to beautiful website.

AttriCSS is a classless css framework that style normal ugly html to beautiful website.

attriCSS Introduction SIZE: ~4Kb (minified) ~1Kb (gzipped) AttriCSS is a classless css Framework that style normal ugly html to beautiful website. Why

98

⚡️ A minimal portfolio template for Developers

⚡️ A minimal portfolio template for Developers

Simplefolio ⚡️ A minimal portfolio template for Developers! Features ⚡️ Modern UI Design + Reveal Animations ⚡️ One Page Layout ⚡️ Styled with Bootstr

99

🔨 Art design theme for write and show.

Art Design Theme "AD" means Art Design. It's a modern theme for current screen and browser. You can preview at godbmw.com. README / 中文介绍 DOCUMENT / 中文

100
1 2