104 CSS Cascading-style-sheets Libraries

A GitHub flavored Markdown Style Sheet (CSS)

GitHub Flavor Markdown Style Sheet The following Markdown CSS is based on Chris Patuzzo's github.css. Feel free to further customize it. At the moment

01

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style by getting help from Javascript.

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style by getting help from Javascript.

Custom Mini Audio Player A customized audio player which can detect the duration and current time and progress of playing songs and show them in custo

02

CascadeJS makes it simple to add cascading animations to individual letters or elements, using only vanilla javascript.

CascadeJS makes it simple to add cascading animations to individual letters or elements, using only vanilla javascript.

03

100 Modern CSS Buttons. Every style that you can imagine.

100 Modern CSS Buttons. Every style that you can imagine.

🚀️ We're on Product Hunt! If you want me to keep making amazing free resources for you, I would really appreaciate your feedback and support on my Pr

04

stone.css - a PoC with style in less than 30 seconds

 stone.css - a PoC with style in less than 30 seconds

stone.css - a PoC with style in less than 30 seconds CSS styles for HTML elements for your next Proof of Concept project dark mode To switch to dark m

05

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.

06

Let’s start closing the gap to have open source style collaboration not just for the Dev piece in DevOps.

Open Operations Manifesto Attribution The favicon was generated using the following graphics from Twitter Twemoji: Graphics Title: 1f4c3.svg Graphics

07

A Virtual CSS language with enhanced syntax. ~13KB

A Virtual CSS language with enhanced syntax. ~13KB

CSS A Virtual CSS language with enhanced syntax. ~13KB Visit css.master.co for full documentation. Browse our discussion community. Join our discord c

08

A theme that present SAME STYLE in Typora and Docsify.

A theme that present SAME STYLE in Typora and Docsify.

Typora + Docsify A theme that present same style in Typora and Docsify. I usually write in Typora and then use Docsify display md as a web page, so I

09

iOS 7 style switches for your checkboxes

iOS 7 style switches for your checkboxes

Description Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simp

10

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

11

Subreply CSS is a simple, yet modern and beautiful classless CSS style

Subreply CSS is a simple, yet modern and beautiful classless CSS style

Subreply CSS is a simple, yet modern and beautiful classless CSS style. It's suitable for both personal blogs and as a bootstrap. It was influenced by the clean social media Subreply. (Hence the name)

12

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

13

Another CSS style library, used for my personal branding and to make websites prettier!

furret.css My personal website styling toolkit, modeled after the lovely Water.css by Kognise. Written to allow quick and beautiful styling for simple

14

CSS Style Destined to look like Workbench 1.x

CSS Style Destined to look like Workbench 1.x

Workbench 1.x CSS CSS Style Destined to look like Workbench 1.x Live Demo Usage Import the css file by first downloading it and then import it however

15

Modal Library is a simple javascript library whose goal is making good looking modal using one line in javascript where you can set style and funcionality.

Modal Library is a simple javascript library whose goal is making good looking modal using one line in javascript where you can set style and funcionality.

Modal Library is a simple javascript library whose goal is making good looking modal using one line in javascript where you can set style and funcionality.

16

MacOS looking Firefox style using the Nightfall theme. + DuckDuckGo theme!

MacOS looking Firefox style using the Nightfall theme. + DuckDuckGo theme!

nightfox nightly version 91 / install guide / nightfall theme Installation Go to about:config and enable toolkit.legacyUserProfileCustomizations.style

17

🗒️ A style sheet for Markdown

Markdown CSS This is a simple style with normalized defaults, it should work on anything from a desktop, to a phone. View the live preview here: http:

18

A CSS and JS bootstrap to style and manipulate data tables

tablecloth.js tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations. We've all been there. Ei

19

Style Half of a Character by CSS

HalfStyle Style each half or third of a character, vertically or horizontally, independently and individually. An easy to use plugin. HalfStyle is a s

20

Simple CSS3 framework for creating GitHub-style buttons

Not Maintained This project is no longer maintained. Consider using Twitter Bootstrap instead. CSS3 Buttons What is this? CSS3 buttons is a simple fra

21

HTML/CSS drawing in the style of mid-century advertisement design. Hand-coded entirely in HTML & CSS.

HTML/CSS drawing in the style of mid-century advertisement design. Hand-coded entirely in HTML & CSS.

purecss-zigario Retro poster, illustrated in CSS An ongoing series in which I create art using only CSS and HTML. Rules I have for myself: All element

22

A style prototype is a single HTML page which outlines site colors, typography, photographic style, button styles, rollovers, and other necessary elements to establish design direction

Style Prototype A style prototype is a single HTML page which outlines site colors, typography, photographic style, button styles, rollovers, and othe

23

A CSS style for Typora

A CSS style for Typora

My-Typora-Themes [Update on 2021-07-24] 新增主题:G2 G2 就是 Github2 的意思,原主题看久了有点审美疲劳,所以在默认主题 github 的基础上捣鼓了一款新的主题,力求简洁,并且加上了标题自动编号(关闭代码行号效果最佳),字体文件夹则是沿用原来的

24

HTML/CSS drawing in the style of 1930s poster art. Hand-coded entirely in HTML & CSS.

HTML/CSS drawing in the style of 1930s poster art. Hand-coded entirely in HTML & CSS.

purecss-vignes Retro poster art style, entirely in CSS An ongoing series in which I create art using only CSS and HTML. Rules I have for myself: All e

25

A lightweight, unobtrusive and style-agnostic, CSS framework aimed for practical use cases. Comes with a small footprint and zero bullshit.

Layers CSS 1.2.0 A minimum-interference collection of common-sense default styles. Reference docs at eiskis.net/layers GitHub project at https://githu

26

CSS Framework to style web pages like the fictional computer operating system of a popular sci-fi franchise.

LCARS (Library Computer Access Retrieval System) LCARS is a purely client-side CSS and HTML framework, similar to Bootstrap, Foundation, Topcoat, Bric

27

HTML/CSS drawing in style of italian renaissance painting. Hand-coded entirely in HTML & CSS.

HTML/CSS drawing in style of italian renaissance painting. Hand-coded entirely in HTML & CSS.

Pure CSS Gaze An ongoing series in which I create art using only CSS and HTML. Inspired by Italian renaissance. Rules I have for myself: All elements

28

Compass library of Html5Boilerplate's style.css

DEPRECATED Compass is deprecated, so this project is, too. If you've some bizarre need to use it, it ought to still work as of Compass 1.0.3. Also not

29

Markdown css - a command tool to convert css style into markdown inline style

Markdown css - a command tool to convert css style into markdown inline style

Markdown css - a command tool to convert css style into markdown inline style

30

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

31

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.

32

Crazy Style Formatter for Japanese Contract Document

Keiyaku CSS Crazy Style Formatter for Japanese Contract Document Unfortunately, the style in Japanese contract document is totally crazy. I hope this

33

Office 2010 Style Ribbon Toolbar in HTML/CSS/JS

Office 2010 Style Ribbon Toolbar in HTML/CSS/JS Originally posted at http://rogerpincombe.com/ribbon on June 8, 2011 I have created an implementation

34

Standard markdown style sheets & themes

Standard markdown style sheets & themes

35

Compass Style Tiles

Compass Style Tiles Create HTML and CSS Style Tiles with Sass & Compass This is the development repo for the compass extension and rubygem: style-tile

36

A title sequence made with CSS in the style of the True Detective opening.

A title sequence made with CSS in the style of the True Detective opening.

CSS True Titles A title sequence made with CSS in the style of the True Detective opening. http://lab.tylergaw.com/css-true-titles/ I wrote an article

37

A atom-style library of CSS atomic elements. To build app faster and more flexible

A atom-style library of CSS atomic elements. To build app faster and more flexible

atom.css A atom-style library of CSS atomic elements. To build app faster and more flexible! Installation Install via npm: $ npm i @matrixage/atom.css

38

🎨 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

39

Oldbook.css - a single drag and drop css file that applies a clean, old-school parchment style to your sites

Oldbook.css - a single drag and drop css file that applies a clean, old-school parchment style to your sites

Oldbook.css This is oldbook.css. It's a single drag and drop css file that applies a clean, old-school parchment style to your sites. Here's how it lo

40

Style Ship - a Component Library that aims to help you build UI faster

Style Ship - a Component Library that aims to help you build UI faster

Style Ship Style Ship is a Component Library that aims to help you build UI faster. Installation Steps Include CSS file mentioned in installation sect

41

Userscripts for mapcrunch.com that make it easier to play GeoGuessr-style games

Userscripts for mapcrunch.com that make it easier to play GeoGuessr-style games

MapCrunch userscripts These scripts make it easier to play GeoGuessr-style games on mapcrunch.com: Check your geo-guess adds an input box for (latitud

42

🎨 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

43

atom.css: A atom-style library of CSS atomic elements. To build app faster and more flexible

atom.css: A atom-style library of CSS atomic elements. To build app faster and more flexible

atom.css A atom-style library of CSS atomic elements. To build app faster and more flexible! Installation Install via npm: $ npm i @matrixage/atom.css

44

A Sass library for building immutable and namespaced BEM-style CSS objects

A Sass library for building immutable and namespaced BEM-style CSS objects

BEM Constructor BEM Constructor is a Sass library for building immutable and namespaced BEM-style CSS objects. By enforcing a consistent and programat

45

Material Design CSS - Style für ioBroker.vis

Material Design CSS - Style für ioBroker.vis

Material Design CSS v2 für ioBroker Inhaltsverzeichnis Funktionsumfang Systemanforderungen Installation Anleitung MD CSS V1.x - MD CSS V2.0 Vorlagen,

46

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.

47

A minimal and robust BEM-style CSS toolkit.

Comet is a minimal and robust CSS toolkit for clean and fast web apps. It's written with the BEM methodology in mind for a more structured and readabl

48

The minimal amount of CSS to replicate the GitHub Markdown style

The minimal amount of CSS to replicate the GitHub Markdown style

github-markdown-css The minimal amount of CSS to replicate the GitHub Markdown style The CSS is generated. Contributions should go to this repo. Demo

49

style.css - A classless stylesheet for HTML documents

style.css A classless stylesheet for HTML documents. About Make a plain HTML page look good and readable with zero effort! Check out the style guide t

50

style.css - A classless stylesheet for HTML documents

style.css A classless stylesheet for HTML documents. About Make a plain HTML page look good and readable with zero effort! Check out the style guide t

51

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

52

🎮 PS1 style CSS Framework, inspired by NES.css

🎮 PS1 style CSS Framework, inspired by NES.css

PSone.css Please feel free to submit a pull request, no matter how small. I love getting them. At the moment there's just a CSS file that you can link

53

Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)

RTLCSS RTLCSS is a framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL). Documentation Visit https://rtlcss

54

C# library that moves your stylesheets to inline style attributes, for maximum compatibility with E-mail clients.

PreMailer.Net C# Library for moving CSS to inline style attributes, to gain maximum E-mail client compatibility. Usage Static method on PreMailer clas

55

A production-ready theme for your projects with a minimal style guide

A production-ready theme for your projects with a minimal style guide

Evie Project site: https://evie.undraw.co An MIT licensed template bundled with a minimal style guide to build websites faster, especially combined wi

56

Show off your keyboard shortcuts with style 🦄.

Show off your keyboard shortcuts with style 🦄.

Show off your keyboard shortcuts with style 🦄 . Keyboard CSS Keyboard CSS is a library of ready-to-use, cross-browser compatible keyboard like button

57

Ribbons is a pure CSS for Fork me on GitHub ribbon, it's flat design and style for Bootstrap 4.

Ribbons Ribbons is a pure CSS for Fork me on GitHub ribbon, it's flat design and style for Bootstrap 4. Example http://var.tw/mfmftwtw/ribbons/example

58

Custom style checkbox & radio for web

Checkbox&radio Quick start Clone the repo: git clone [email protected]:crazychicken/checkbox-radio.git Install with npm: npm install --save-dev crazychic

59

A huge library of Pure CSS Checkboxes for every taste.

A huge library of Pure CSS Checkboxes for every taste.

CSS Checkbox Library Tons of Checkboxes A huge collection of pure css checkboxes. Click Here for Demo Compatible IE9+ Chrome 49+ Firefox 52+ Safari 5+

60

The simple CSS to replicate the GitHub Markdown style (Sukka Ver.)

@sukka/markdown.css The simple CSS to replicate the GitHub Markdown style (Sukka Ver.) Why You might ask why I want to create the project, There are a

61

Mockups with markup — build and style interactive, responsive interfaces with just plain ol’ HTML.

This project is now archived, checkout https://github.com/fictoan for a later version FICTOAN 2.25.0 Mockups with markup — build and style interactive

62

🎠 Netflix-style carousel made in pure CSS!

Flix Carousel Flix Carousel is a pure-CSS animated carousel modeled after Netflix's browse screen! It's less than 100 lines of source code and can be

63

A built-time CSS library for styling React components.

A built-time  CSS library for styling React components.

Stylin Stylin is a build-time CSS library that offers an elegant way to style React components. It extends CSS Modules and adds some missing features

64

📄 An elegant css theme for resume generated by Markdown

cssume An elegant css theme for resume generated by Markdown Write your resume with markdown and turn it into an HTML page, and then let cssume to bea

65

Sass coding guidelines for BigCommerce themes

Sass Coding Guidelines Bigcommerce uses Sass for style generation. Bigcommerce's naming conventions are heavily influenced by the SUIT CSS framework a

66

React CSS Editor - React textarea component for editing style objects as CSS strings

React CSS Editor React textarea component for editing style objects as CSS strings

67

Convert a GitHub style Markdown file to HTML, complete with inline CSS

Convert a GitHub style Markdown file to HTML, complete with inline CSS

gfm2html $ sudo npm install gfm2html -g $ gfm2html README.md README.html Turn Markdown files into HTML Also includes inline CSS, styled so that the pa

68

A modern dialog library which is highly configurable and easy to style. #hubspot-open-source

A modern dialog library which is highly configurable and easy to style. #hubspot-open-source

vex Demo Documentation vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. You'll love vex because

69

Console.log with style.

Log Console.log with style Demo Features Safely call log (instead of console.log) in any browser. Use markdown syntax for quick formatting: italic — l

70

A Jekyll html theme in the vague style of Medium.com built using Google AMP

A Jekyll html theme in the vague style of Medium.com built using Google AMP

Amplify for Jekyll A Jekyll html theme in the vague style of Medium.com built using Google AMP Google's Accelerated Mobile Pages Project (a.k.a. "Goog

71

An opinionated set of configurations for firefox.

An opinionated set of configurations for firefox.

⚠️ Development for this project is paused. It will work for old LTS Firefox(78.15) only. ⚠️ Get it here and visit the app to customize Looking for Mai

72

Preview, create PDFs, and print documents in your own style with templates in iA Writer.

Preview, create PDFs, and print documents in your own style with templates in iA Writer.

iA Writer Templates Preview, create PDFs, and print documents in your own style with templates in iA Writer. Templates are built with web pages. You c

73

A simple scss package extending Bulma with block style list elements

bulma-block-list A simple scss package extending Bulma with block style list elements npm i -S bulma-block-list @import "node_modules/bulma-block-list

74

⬢ Style props for rapid UI development

⬢ Style props for rapid UI development

Styled System Responsive, theme-based style props for building design systems with React https://styled-system.com npm i styled-system Features Add st

75

👩‍🎤 CSS-in-JS library designed for high performance style composition

👩‍🎤 CSS-in-JS library designed for high performance style composition

emotion The Next Generation of CSS-in-JS Emotion 11 has been released 🚀 See the blog post Emotion is a performant and flexible CSS-in-JS library. Bui

76

CSS implementation of Geist

Geist Style Geist style is a modern CSS library. There's only styles here. If you're looking for a front-end library, please reference geist-react. Us

77

A atom-style library of CSS atomic elements. To build app faster and more flexible.

A atom-style library of CSS atomic elements. To build app faster and more flexible.

atom.css A atom-style library of CSS atomic elements. To build app faster and more flexible! Installation Install via npm: $ npm i @matrixage/atom.css

78

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 Looking for v5? The main branch is unde

79

styled component for react & style-loader/usable

react-styled ES7 decorator for dynamic stylesheet usage w/ webpack install $ npm install bloody-react-styled --save-dev require import styled from "bl

80

Discord on Gruvbox style!

Discord on Gruvbox style!

Smooth and dynamic animations. ( 🇧🇷 ) Animações dinâmicas e suaves. Hidden server list and search box for more versatility. ( 🇧🇷 ) Lista de servid

81

A standard for documenting and building your object-/module-oriented cascading stylesheets.

Styledoc A standard for documenting and building your object-/module-oriented cascading stylesheets. The documentation syntax is based on JavaDoc and

82

A markdown based documentation system for style guides.

Hologram Hologram is a Ruby gem that parses comments in your CSS and helps you turn them into a beautiful style guide. There are two steps to building

84

Automatically generate a style guide from your stylesheets.

StyleDocco StyleDocco generates documentation and style guide documents from your stylesheets. Stylesheet comments will be parsed through Markdown and

85

A standard for documenting and building your object-/module-oriented cascading stylesheets.

Styledoc A standard for documenting and building your object-/module-oriented cascading stylesheets. The documentation syntax is based on JavaDoc and

86

SourceJS - Living Style Guide Platform

SourceJS - Living Style Guide Platform

[ON HOLD] SourceJS - Living Style Guide Platform The project been stale for a while and currently is in the [ON HOLD] state until we find new maintain

87

Easily create and maintain style guides using CSS comments

Easily create and maintain style guides using CSS comments

mdcss lets you easily create and maintain style guides with CSS comments using Markdown. /*--- title: Buttons section: Base CSS --- Button styles c

88

Dropbox’s (S)CSS authoring style guide

Dropbox (S)CSS Style Guide “Every line of code should appear to be written by a single person, no matter the number of contributors.” —@mdo General Do

89

Collection of parsers written in JavaScript

CSS Parser Introduction The ParserLib CSS parser is a CSS3 SAX-inspired parser written in JavaScript. It handles standard CSS syntax as well as valida

90

A react-native style system based on TailwindCSS

react-native-tailwindcss A react-native styling system, based on TailwindCSS Easily apply styles to react native components in a tailwindCSS-like fash

91

Replacement icons for popular apps in the style of macOS Big Sur

Replacement icons for popular apps in the style of macOS Big Sur

macOS Big Sur - Replacements Icons You contact me @elrumo on Twitter or by email. To view all the icons and submit new ones, go to visit macOSicons.co

92

Alternative dark theme for file-browser.

Alternative dark theme for file-browser.

Modern Alternative dark theme for https://github.com/filebrowser/filebrowser/ Usage Local: Copy the contents of custom.css or custom.min.css to your o

93

CSS implementation of Geist

Geist Style Geist style is a modern CSS library. There's only styles here. If you're looking for a front-end library, please reference geist-react. Us

94

Tailwind CSS plugin to generate typography utilities and text style components

BLACK LIVES MATTER Be aware. Be angry. Do better. Demand change. Show your support any way you can. Click on the link above to find protests, petition

95

Word processor in your browser using HTML and CSS (for invoices, legal notices, etc.)

Sheets of Paper Word processor in your browser using HTML and CSS (e.g. for invoices, legal notices, etc.) Poor man's Google Docs Like the foundation

96

A modern CSS showcase styled by community contributions. Add your stylesheet!

A modern CSS showcase styled by community contributions. Add your stylesheet!

Style Stage A modern CSS showcase styled by community contributions Created by Stephanie Eckles (@5t3ph) Visit Style Stage to view the available style

97

A minimal, responsive, style-agnostic CSS framework!

A minimal, responsive, style-agnostic CSS framework!

mini.css A minimal, responsive, style-agnostic CSS framework mini.css is a lightweight CSS framework (under 7KB gzipped) designed with mobile devices

98

Impressive component library for expressive web development

Impressive component library for expressive web development

Metro 4 Components Library Sleek, intuitive, and powerful front-end framework for faster and easier web development. Build responsive, mobile-first pr

99

HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.

HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.

Pure CSS Francine An ongoing series in which I create art using only CSS and HTML. Rules I have for myself: All elements must be typed out by hand Onl

100
1 2