924 Repositories
JavaScript tailwind-css Libraries
A library to make creating CSS polyfills much easier.
UPDATE (2016-12-22): I am no longer supporting this library for all the reasons I address in my post The Dark Side of Polyfilling CSS. If you choose t
🐒 Normalize browsers' default style
My open source work is supported by the community Special thanks to: Differences from normalize.css Smaller Includes only normalizations for the lates
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
🚿 A modern CSS reset
Modern CSS reset Installation npm install --save ress or bower install --save ress Features Apply box-sizing: border-box; in all elements. Reset paddi
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 master branch is un
A bare-bones CSS reset for modern web development.
A modern CSS reset A tiny little reset that you can use as the basis of your CSS projects. You can read a breakdown of it here. Installation NPM: npm
Full CSS support for JSX without compromises
styled-jsx Need help? Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which w
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
react-with-styles Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or Reac
JSS is an authoring tool for CSS which uses JavaScript as a host language.
JSS A lib for generating Style Sheets with JavaScript. For documentation see our docs. Backers Support us with a monthly donation and help us continue
CSS Loader
css-loader The css-loader interprets @import and url() like import/require() and will resolve them. Getting Started To begin, you'll need to install c
:sparkles: Modular, scoped CSS with ES6
CSJS allows you to write modular, scoped CSS with valid JavaScript. Features Extremely simple and lightweight Zero dependencies, ~2KB minified and gzi
A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements. While transforming, the plugin processes all JavaScript style definitions found and bundles them up into a CSS file, ready to be requested from your web server.
babel-plugin-css-in-js A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Aphrodite Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation. Support for colocating y
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
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
:book: Opinionated CSS styleguide for scalable applications
css Opinionated CSS styleguide for scalable applications This guide was heavily inspired by experiments, awesome people like @fat and @necolas and awe
Principles of writing consistent, idiomatic CSS.
Principles of writing consistent, idiomatic CSS The following document outlines a reasonable style guide for CSS development. These guidelines strongl
Collected dispatches from The Quest for Scalable CSS
A Scalable CSS Reading List A list of things to read or watch that address these two questions: What is scalable CSS? and How do we create scalable CS
Unstyle CSS - Forget inconsistencies, let us start with a blank slate.
unstyle.css Specialised stylesheet for removing user agent styles. For a demo against the HTML5 Kitchen Sink: http://codepen.io/nexii/pen/WwQXZe?edito
A best-practices CSS foundation
sanitize.css sanitize.css is a CSS library that provides consistent, cross-browser default styling of HTML elements alongside useful defaults. It is d
A tiny modern CSS reset
minireset.css A tiny modern CSS reset that covers the basics: resets the font sizes: so that using semantic markup doesn't affect the styling resets t
Adds OpenType features—ligatures, kerning, and more—to Normalize.css.
Note You might also like my more recent take on this project, Utility OpenType: CSS utility classes for advanced typographic features. Normalize-OpenT
A modern alternative to CSS resets
normalize.css A modern alternative to CSS resets NPM npm install --save normalize.css CDN See https://yarnpkg.com/en/package/normalize.css Download Se
Reseter.css - A Futuristic CSS Reset / CSS Normalizer
Reseter.css A CSS Reset/Normalizer Reseter.css is an awesome CSS reset for a website. It is a great tool for any web designer. Reseter.css resets all
Reasonable System for CSS Stylesheet Structure
Viewing this from GitHub? Visit the website for the full experience. rscss.io → rscss Styling CSS without losing your sanity Reasonable System for CSS
light – weight css preprocessor
STYLIS A Light–weight CSS Preprocessor. Installation Use a Direct Download: script src=stylis.js/script Use a CDN: script src=unpkg.com/stylis/
Sass makes CSS fun!
Sass makes CSS fun again. Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well
Transforming styles with JS plugins
PostCSS PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS
Less. The dynamic stylesheet language.
Chat with Less.js users and contributors This is the Less.js monorepo, managed via Lerna. More information For general information on the language, co
Modern CSS to all browsers
stylecow: modern CSS for all browser Node library to fix your css code and make it compatible with all browsers. Created by Óscar Otero. License: MIT
Plugin framework for CSS preprocessing in Node.js
rework CSS manipulations built on css, allowing you to automate vendor prefixing, create your own properties, inline images, anything you can imagine!
Transforming styles with JS plugins
PostCSS PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS
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
A decent CSS parser.
mensch A decent CSS parser. usage npm install mensch var mensch = require('mensch'); var ast = mensch.parse('p { color: black; }'); var css = mensch.
CSS parser with support of preprocessors
Gonzales PE @dev Gonzales PE is a CSS parser which plays nicely with preprocessors. Currently those are supported: SCSS, Sass, LESS. Try out Gonzales
A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations
CSSTree CSSTree is a tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and match
CSS Object Model implemented in pure JavaScript. It's also a parser!
CSSOM CSSOM.js is a CSS parser written in pure JavaScript. It is also a partial implementation of CSS Object Model. CSSOM.parse("body {color: black}")
A utility-first CSS framework for rapid UI development.
A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For
A new flexbox based CSS micro-framework.
Strawberry CSS What Strawberry is a new flexbox based CSS micro-framework. A set of common flexbox's utilities focused on making your life easier and
Feature rich CSS framework for the new decade https://shorthandcss.com
Shorthand Shorthand is a CSS framework and does not include any javascript. You can customize the framework by using .scss only. Size Dist File URL Li
The epic event-driven, front-end only, reactive JavaScript framework with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
Active CSS Power-up your CSS with actions! Is the CSS of the future a full-on programming language? Active CSS is a JavaScript plugin that adds event-
Materialize, a CSS Framework based on Material Design
MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feat
Scaffolding utility for vanilla-js
scaffold-static lets you automate the local development environment setup and build static sites (vanilla-JS) with ease. Installation npm install -g s
:skull: An ancient tiny JS and CSS loader from the days before everyone had written one. Unmaintained.
LazyLoad Note: LazyLoad is no longer being maintained. I'm not responding to issues or pull requests, since I don't use this project anymore and don't
curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.
curl (cujoJS resource loader) All development for curl.js and cram.js has stopped. For the foreseeable future, we will continue to respond to issues o
📦🚀 Blazing fast, zero configuration web application bundler
Features 🚀 Blazing fast bundle times - multicore compilation, and a filesystem cache for fast rebuilds even after a restart. 📦 Out of the box suppor
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bu
Beautifier for javascript
JS Beautifier This little beautifier will reformat and re-indent bookmarklets, ugly JavaScript, unpack scripts packed by Dean Edward’s popular packer,
Prettier is an opinionated code formatter.
Opinionated Code Formatter JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · Less HTML · Vue · Angular GraphQL · Markdown · YAML Your favorite
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.
NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de
JavaScript library for HTML5 & CSS3 time sheets
Timesheet.js Simple JavaScript library to create HTML time sheets. Wrapped in an example project using Middleman … You only have to include dist/times
JS / CSS / files loader + key/value storage
bag.js - JS / CSS loader + KV storage bag.js is loader for .js / .css and other files, that uses IndexedDB/ WebSQL / localStorage for caching. Conside
A collection of loading spinners animated with CSS
Single Element CSS Spinners This is a collection of loading spinners animated with CSS. Each spinner consists of a single div with a class of loader a
A collection of loading indicators animated with CSS
SpinKit Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily cust
:snowboarder: A responsive slider jQuery plugin with CSS animations
A responsive slider jQuery plugin with CSS animations Animations from animate.css Online demo Visit plugin website. Appszoom for developers also uses
The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
Sequence.js The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications. Sequence.js
A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS
Pikaday A refreshing JavaScript Datepicker Lightweight (less than 5kb minified and gzipped) No dependencies (but plays well with Moment.js) Modular CS
:credit_card: make your credit card form better in one line of code
Card - check out the demo A better credit card form in one line of code Card will take any credit card form and make it the best part of the checkout
:zap: A sliding swipe menu that works with touchSwipe library.
Slide and swipe menu A sliding menu that works with touchSwipe library. Online demo Visit plugin site. Appszoom also uses it! So cool! What's the diff
Fixed thead. Doesn't need any custom css/html. Does what position:sticky can't
jquery.floatThead Documentation & Examples: http://mkoryak.github.io/floatThead/ Float the table header on scroll. No changes to your HTML/CSS are req
The worlds smallest fully-responsive css framework
FLUIDITY A fully responsive css framework that is impossibly small HTML is almost 100% responsive out of the box. This stylesheet patches the remainin
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Animate.css If you need the old docs - v3.x.x and under - you can find it here. Just-add-water CSS animation Installation Install with npm: npm instal
Switch your nav's design on the fly
Midnight A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content be
A simple and easy jQuery plugin for CSS animated page transitions.
Animsition A simple and easy jQuery plugin for CSS animated page transitions. Demo & Installation http://git.blivesta.com/animsition/ Development Inst
A CSS only tooltip library for your lovely websites.
Hint.css A tooltip library in CSS for your lovely websites Demo • Get started • Who's using this? • Browser support • FAQs • Contributing • License hi
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
A customizable, modular, responsive, lightbox gallery plugin.
lightGallery A customizable, modular, responsive, lightbox gallery plugin for jQuery. Demo JQuery lightGallery demo. Codepen demo Main features Fully
A modal built with pure CSS, enhanced with JavaScript
CSS Modals Modals built out of pure CSS Please visit the website to read more about this project and refer to the FAQ in case of a question. What is i
A professional front-end template for building fast, robust, and adaptable web apps or sites.
HTML5 Boilerplate HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites. This project is t
Build performant, native and cross-platform desktop applications with native Vue + powerful CSS like styling.🚀
Vue NodeGui Build performant, native and cross-platform desktop applications with Vue. 🚀 Vue NodeGUI is powered by Vue 🌈 and Qt5 💚 which makes it C
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
AnimXYZ animxyz.com AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless
A design system built by IBM
Carbon Design System Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of worki
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Headless UI A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. Packages Name Version D
🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.
NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de
A high quality UI Toolkit built on Vue.js 2.0
iView A high quality UI Toolkit built on Vue.js. Docs 3.x | 2.x | 1.x Features Dozens of useful and beautiful components. Friendly API. It's made for
A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS
Pikaday A refreshing JavaScript Datepicker Lightweight (less than 5kb minified and gzipped) No dependencies (but plays well with Moment.js) Modular CS
:atom_symbol: React primitive UI components built with styled-system.
Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo
A set of React components implementing Google's Material Design specification with the power of CSS Modules
React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra
[Book] 2019 edition of our front-end development handbook
Front-End Developer Handbook 2019 Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end enginee
A curated collection of common interview questions to help you prepare for your next interview.
30 Seconds of Interviews A curated collection of common interview questions to help you prepare for your next interview. This README is built using ma
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
20+ Web Projects With Vanilla JavaScript This is the main repository for all of the projects in the course. Course Link Course Info Website # Project
Best practices for modern web development
Web Fundamentals on DevSite Welcome to the new WebFundamentals! An effort to showcase best practices and tools for modern Web Development. What's chan
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
Solved by Flexbox A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. View Site Viewing the
🎮 The only Front-End Performance Checklist that runs faster than the others
Front-End Performance Checklist 🎮 The only Front-End Performance Checklist that runs faster than the others. One simple rule: "Design and code with p
📚 Study guide and introduction to the modern front end stack.
Grab Front End Guide Credits: Illustration by @yangheng This guide has been cross-posted on Free Code Camp. Grab is Southeast Asia (SEA)'s leading tra
CSS is powerful, you can do a lot of things without JS.
You Don't Need JavaScript Please note these demos should be considered as CSS "Proofs of Concepts". They may have serious issues from accessibility po
Short CSS code snippets for all your development needs
30 seconds of CSS Short CSS code snippets for all your development needs Visit our website to view our snippet collection. Use the Search page to find
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
Front-end Developer Interview Questions This repository contains a number of front-end interview questions that can be used when vetting potential can
🗂 The perfect Front-End Checklist for modern websites and meticulous developers
Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page
:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
RAN : React . GraphQL . Next.js Toolkit New version is coming... Follow up here: https://github.com/Sly777/ran/issues/677 Features Hot-Reload Ready fo
OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice.
OpenUI5. Build Once. Run on any device. What is it? OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on al
Simple CSS library for semantic HTML markup
awsm.css awsm.css is a simple CSS library for semantic HTML, which doesn't require classes, ids, attributes, etc. Just start to create page with HTML5
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
This is the main branch of the repo, which contains the latest stable release. For the ongoing development, see the develop branch. Halfmoon Front-end
Fomantic-UI is a community fork of Semantic-UI
Fomantic-UI A community fork of the popular Semantic-UI framework. NOTE: Fomantic was created to continue active development of Semantic-UI and has th
Salesforce Lightning Design System
Salesforce Lightning Design System Welcome to the source code repository for Salesforce Lightning Design System, brought to you by Salesforce UX. SLDS
A classless CSS framework to write modern websites using only HTML.
new.css new.css A classless CSS framework to write modern websites using only HTML. It weighs 4.8kb. All it does is set some sensible defaults and sty
The Less Formal CSS Framework
PaperCSS The less formal CSS framework, with a quick and easy integration. Table of contents Table of contents Quick-start Status Content of the frame