106 CSS Modern Libraries

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

01

The Encore theme aims to freshen up the UI of Obsidian.md with modern design, loosely based off Material 3.

The Encore theme aims to freshen up the UI of Obsidian.md with modern design, loosely based off Material 3.

Encore - An Obsidian Theme The Encore theme aims to freshen up the UI of Obsidian.md with modern design, while staying true to the original feel of th

02

HooBank - Modern UI/UX website using React.js & Tailwind CSS

HooBank - Modern UI/UX website using React.js & Tailwind CSS

HooBank - Modern UI/UX website using React.js & Tailwind CSS Showcase your dev skills with practical experience and land the coding career of your dre

03

An effortless, token-based user management server - well suited for modern web projects.

An effortless, token-based user management server - well suited for modern web projects.

AuthCompanion 2 An effortless, token-based user management server - well suited for modern web projects. Read the Documentation Here Introduction Auth

04

Modern, colorful population pyramids for a report published by the "Bundesinstitut fΓΌr BevΓΆlkerungsforschung" (German Federal Institute for Population Research)

Modern, colorful population pyramids for a report published by the

Grafiken zum Bericht "Demografischen Wandel neu entdecken" Funktionen und Rmd Notebook zur Erstellung verschiedener farbenfroher BevΓΆlkerungspyramiden

05

Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack

Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F

06

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

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

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

07

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

08

A timeless Twitter Bootstrap theme built for the modern web.

Geo Geo is a timeless Twitter Bootstrap theme built for the modern web. Usage Download bootstrap.css or bootstrap.min.css from /swatch. Replace the de

09

Modern & neumorphic web elements! :art: :package:

Modern & neumorphic web elements! :art: :package:

neumorphia.css 🎨 πŸ“¦ Make websites elements modern & beautiful with neumorphia.css! Compatible with FontAwesome! πŸ“¦ Dynamic Installation & Updating: U

10

🌴 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

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

With one command, setup a modern frontend project ⚑️ Swifty with additional configurations out of the box

⚑️ Swifty Config With one command, setup your Frontend project with additional configuration out of the box. What does this do? See this as create-rea

13

robots-figma-GPT3 modern UI/UX Design

robots-figma-GPT3-modern-UI-UX-Design This project is designed using figma and developed using react Figma Link: https://www.figma.com/file/lz9lLpFHMx

14

A modern and elegant dark themed admin theme for Dashactyl.

A modern and elegant dark themed admin theme for Dashactyl.

Dashactyl (Corona Theme) - Acktar Hello dear user. Thank you for downloading Dashactyl (Corona Theme). I hope that you will like this nice and elegant

15

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

16

A static React App created as my first complete project as a modern JavaScript developer / frontend engineer.

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

17

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

18

100 Modern CSS Buttons, Free And Royalty Free.

πŸ’ͺ How to Contribute If you know how to fix one of the buttons, please go to the official contributions platform where you can edit code, and automati

19

A nice theme designed for Typora in Windows 11.

A nice theme designed for Typora in Windows 11.

layout title category homepage download built-in author thumbnail typora-root-url typora-copy-images-to theme Liquid theme https://github.com/Fentania

20

A light & dark theme for Obsidian inspired by modern GitHub colors.

A light & dark theme for Obsidian inspired by modern GitHub colors.

Obsidian Deep Work Theme A light and dark theme for Obsidian inspired by the modern GitHub colors. Mobile The theme is hardly different from the defau

21

Modern, dark mode for Google Docs

Modern, dark mode for Google Docs

DocsAfterDark DocsAfterDark aims to relieve eye-strain from the Google Docs experience with a focus on functionality and artful design. Customize the

22

Nexmoe.css - Use only HTML to write modern websites with smooth animations and beautiful interfaces.

Nexmoe.css Use only HTML to write modern websites with smooth animations and beautiful interfaces.

23

A simple theme that makes Obsidian feels a bit more like a modern app.

A simple theme that makes Obsidian feels a bit more like a modern app.

Obsidian Theme - Mado 11 Mado 11 is an Obsidian theme, inspired by Windows 11 UI styling. This theme aims for a simplified app feel, with bigger butto

24

A sleek, modern and elegant Firefox CSS theme

blurredfox A modern Firefox CSS Theme Firefox with blurredfox CSS theme blurredfox's layout with solid colors Requirements The latest Firefox Composit

25

A flat theme for Django admin interface. Modern, fresh, simple.

A flat theme for Django admin interface. Modern, fresh, simple.

Django Flat Theme django-flat-theme is included as part of Django from version 1.9! πŸŽ‰ Please use this app if your project is powered by an older Djan

26

Heliactyl - The modern client panel for Pterodactyl

Heliactyl - The modern client panel for Pterodactyl

Heliactyl β€’ The modern client panel for Pterodactyl We're back on GitHub, new Heliactyl versions are releasing soon. All features: Resource Management

27

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.

28

A simple and modern CSS framework for developing powerful web interfaces faster and easier.

IVORY A simple and modern CSS framework for developing powerful web interfaces faster and easier. It is a lightweight framework, just ~6KB. It gives y

29

displaCy ENT: A modern named entity visualiser

displaCy ENT: A modern named entity visualiser

30

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications

knopf.css Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications. Made by Frameable, the team

31

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

32

Caramel - a simple, modern, responsive website framework

Caramel - a simple, modern, responsive website framework

Caramel is a simple, modern, responsive website framework. Caramel is fully responsive, meaning you only need to write code once, to have the same results across multiple platforms. Created by kurisubrooks, Caramel is being developed with help from the open-source community on GitHub.

33

Some ideas for modern multi-layer page transitions using CSS Animations

Multi-Layer Page Reveal Effects Some ideas for modern multi-layer page transitions using CSS Animations. Article on Codrops Demo Sponsor Demo sponsore

34

Modern and responsive theme for Active Admin used by Formaweb

Modern and responsive theme for Active Admin used by Formaweb

Formadmin Modern and responsive theme for Active Admin used by Formaweb. Installation Please make sure that you are using Active Admin: gem 'activeadm

35

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

36

A UI component framework with a slim and modern look & feel

leonardo-ui A UI component framework with a slim and modern look & feel. Use it to enhance the UI of your web app! Works well with popular frameworks

37

Noir is a modern, responsive and customizable theme for Jekyll 4

Noir is a modern, responsive and customizable theme for Jekyll 4. Typography is paid close attention to and a dark mode friendly color scheme will be

38

Collection of customizable Anki flashcard templates with modern and clean themes.

Collection of customizable Anki flashcard templates with modern and clean themes.

Anki Templates Collection of customizable Anki flashcard templates with modern and clean themes. About Features Themes Instructions Add-on support Com

39

W3.CSS is a modern CSS framework with built-in responsiveness:

W3-CSS What is W3.CSS? W3.CSS is a modern CSS framework with built-in responsiveness: Smaller and faster than other CSS frameworks. Easier to learn, a

40

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

41

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

42

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

43

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications

knopf.css Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications. Made by Frameable, the team

44

Canonical.css is a tailored and pragmatic reset for modern web projects, with support for modern browsers & commonly used elements

Canonical.css Canonical.css is a tailored and pragmatic reset for modern web projects, with support for modern browsers & commonly used elements. I'm

45

Slick-Fox A modern theme for Firefox uses slick animations

Slick-Fox A modern theme for Firefox uses slick animations slick-fox-proton.mp4 Steps for applying this configuration Type about:profiles into your ur

46

This website is built using Docusaurus 2, a modern static website generator.

Website This website is built using Docusaurus 2, a modern static website generator. Installation yarn install Local Development yarn start This comma

47

NeonUI is a lightweight, clean & modern UI library for the web

NeonUI is a lightweight, clean & modern UI library for the web

NeonUI NeonUI is a lightweight, clean & modern UI library for the web. Quick start guide Download NeonUI from (https://github.com/Dots-Studio/NeonUI/r

48

This project has been built with the help of modern CSS3 and ES6. Build using webpack

This project has been built with the help of modern CSS3 and ES6. Build using webpack

To-Do List About The Project This is an app to store, display and remove task from your list. The main funtinality is adding, editing, deleting and dr

49

A classless theme based on Sakura.css which aims to look modern and be lightweight. You should be able to apply this to any plain HTML and have it look good with little to no tweaks.

generic.css A classes css theme based on Sakura.css which you can check out here Generic.css aims to be lightweight, comprehensive, sensible and moder

50

Modern Shopify theme using Shopify Theme Lab, Liquid, Vue and Tailwind CSS 🎨

Modern Shopify theme using Shopify Theme Lab, Liquid, Vue and Tailwind CSS 🎨

Shopify Foundation Theme Shopify Foundation Theme is modern Shopify theme built with Shopify Theme Lab, Vue and Tailwind CSS. If you are looking for t

52

πŸ—‚ The perfect Front-End Checklist for modern websites and meticulous developers

πŸ—‚ The perfect Front-End Checklist for modern websites and meticulous developers

Front-End Checklist 🚨 Currently working on a V2 of frontendchecklist.io, feel free to discuss any feature you would like to see in the next version T

53

πŸ“š Study guide and introduction to the modern front end stack.

πŸ“š 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

54

Best practices for modern web development

Web Fundamentals on DevSite Welcome to the new Web Fundamentals! An effort to showcase best practices and tools for modern Web Development. What's cha

55

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

Stylelint A mighty, modern linter that helps you avoid errors and enforce conventions in your styles. Features It's mighty as it: understands modern C

56

A+ animation module for the modern web

Animate Plus Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and

57

A modern, light CSS UI framework by Shakr

Petal Petal is a modern, light CSS UI framework developed at Shakr. Petal aims to provide an ample set of consistently designed UI components you can

58

Punica CSS is a clean, lightweight, responsive, modern and fully customizable (even class names) pure CSS Framework based on SASS / SCSS with multi-theme support. (Gzipped 19KB)

Introduction Documentation | Themes | Nightly Builds | Changelog Punica CSS is a clean, lightweight, responsive, modern and fully customizable (even c

59

laptop CSS for the modern world

laptop CSS for the modern world

laptop.css Use laptop.css to automatically wrap an html img with an ASCII art laptop. laptop.css provides three class names to use on divs laptop-sm l

60

A tiny modern CSS reset.

reset.css A tiny modern CSS reset. npm npm install @uiw/reset.css --save Usage import '@uiw/reset.css'; // or import '@uiw/reset.css/reset.less'; CDN

61

Modern and minimalistic CSS framework for terminal enthusiasts

Terminal CSS Modern and minimal CSS framework for terminal lovers. Visit the website terminalcss.xyz Project Goals Terminal CSS has no overhead and is

62

Todo app based on todo.txt for Linux, Windows and MacOS, free and open-source.

Todo app based on todo.txt for Linux, Windows and MacOS, free and open-source.

sleek sleek is a todo app based on todo.txt, free and open-source. Available for Linux, Windows and MacOS Screenshots Support sleek Get it from Micros

63

A minimally invasive CSS framework for modern web applications

Note: Vital v2.x is not backwards compatible with v1.x. Some things may break. You may need to do some refactoring.

64

An 8pt grid and modern reset focused on typography and accessibility

Eightpoint An 8pt grid and modern reset focused on typography and accessibility. Configuring If you'd like to help contribute to 8. or simply configur

65

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

66

Project Flogo is an open source ecosystem of opinionated event-driven capabilities to simplify building efficient & modern serverless functions, microservices & edge apps.

Project Flogo is an open source ecosystem of opinionated  event-driven capabilities to simplify building efficient & modern serverless functions, microservices & edge apps.

Project Flogo is an Open Source ecosystem for event-driven apps Ecosystem | Core | Flows | Streams | Flogo Rules | Go Developers | When to use Flogo |

67

Some inspiration and modern ideas for subtle hover effects.

Hover Effect Ideas Some inspiration and modern ideas for subtle hover effects. Article on Codrops Demo Images by Unsplash. Feather Icons by Cole Bemis

68

πŸ”₯ A modern & free Bootstrap 4 admin dashboard template pack.

πŸ”₯ A modern & free Bootstrap 4 admin dashboard template pack.

Shards Dashboard UI Kit A modern & free Bootstrap 4 admin dashboard template pack. ✨ Note: You can download the Sketch files from the official product

69

Fast & Robust Front-End Micro-framework based on modern standards

Chat on gitter Hello slim.js - your declarative web components library import { Slim } from 'slim-js'; import { tag, template } from 'slim-js/decorato

70

A flat and light theme with a modern look

A flat and light theme with a modern look

Installation Extract the zip file to the themes directory i.e. /usr/share/themes/ or ~/.themes/ (create it if necessary). To set the theme in Gnome, r

71

Frend β€” A collection of accessible, modern front-end components.

About Frend A collection of accessible, modern front-end components. Frend components are modest and dependency-free. They are built with web standard

72

Modern ways of revealing new content using SVG animations.

Page Loading Effects Modern ways of revealing new content using SVG animations. Article on Codrops Demo Integrate or build upon it for free in your pe

73

typings.gg is a sleek and modern typing test website. it support many custom themes

typings.gg is a sleek and modern typing test website. it support many custom themes

typings typings.gg is a sleek and modern typing test website. it supports many custom themes theme type the theme code for example dracula in the text

74

A dark and modern theme for firefox with vibrant colors

A dark and modern theme for firefox with vibrant colors

Description A dark and modern theme for firefox This theme is supposed to work with current supported Firefox releases: Firefox 68.0 Firefox 68 ESR Fi

75

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

76

A Bootstrap theme for designing, styling and creating modern map apps.

A Bootstrap theme for designing, styling and creating modern map apps.

NOTE: This project is depreciated and is not recommended for future development. It will be replaced with a newer version. Coming soon! Calcite Maps A

77

🎨 A clean CSS framework made to be dark, responsive and easy to build with.

Modesta A responsive CSS framework with built-in dark and light theme Colour scheme dark-highlight #181818 rgb(24, 24, 24) dark-primary #

78

A modern CSS framework β€” versatile, well documented.

Teutonic CSS Teutonic CSS is a modern web design system to develop responsive, accessible websites and web applications. It's based on CSS Variables f

79

Pure CSS Modal Box, responsive with pretty good browsers support: IE6 minimum!

Pure CSS Modal Box, responsive with pretty good browsers support: IE6 minimum!

CSS Modal Box Pure CSS Modal Box, "responsive" with a pretty good browsers support: IE6 minimum! (See this demo here) Prevents other CSS rules conflic

80

A modern, responsive CSS boilerplate library to kickstart any web-based project.

A modern, responsive CSS boilerplate library to kickstart any web-based project.

Peacock CSS Peacock is a modern, responsive CSS boilerplate library to kickstart any web-based project. It is simple, lightweight and it contains all

81

Super fast carousel and slider with touch for optimized websites running in modern browsers.

Swiffy Slider Super fast lightweight carousel and slider with touch for optimized websites running in modern browsers. Explore Swiffy Slider docs Β» Se

82

A userChrome.css theme to make thunderbird resemble Firefox 89+

Modern-ThunderBird A userChrome.css theme to make Thunderbird (78+) resemble Firefox 89+ Updated tabs and toolbar Updated dropdown menus Works with mo

83

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

84

Modern theme for Django admin interface

Modern theme for Django admin interface

Django Suit Modern theme for Django admin interface. Django Suit is alternative theme/skin/extension for Django administration interface. Project home

85

Student details, source code, and more for our HTMX + Flask: Modern Python Web Apps, Hold the JavaScript course.

Student details, source code, and more for our HTMX + Flask: Modern Python Web Apps, Hold the JavaScript course.

HTMX + Flask: Modern Python Web Apps, Hold the JavaScript Course Summary htmx is one of the hottest properties πŸ”₯ in web development today, and for go

86

Master the creation of Modern UX/UI Websites

Master the creation of Modern UX/UI Websites

Modern UI/UX GPT-3 Live Site Stay up to date with new projects New major projects coming soon, subscribe to the mailing list to stay up to date https:

87

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

88

A simple CSS grid for building and prototyping modern websites. Its flexible, semantic and responsive.

Girder CSS demo A CSS toolkit and layout helper built with Sass, ideal for screen layouts and grids of all shapes and sizes. But why you ask? "There a

89

Hızlı ve kolay web sayfaları geliştirin

Hızlı ve kolay web sayfaları geliştirin Turkuaz Css 11 Nisan 2016 tarihinde, açık kaynak olarak geliştirilmeye başlanmış kişisel bir projedir. İsmini

90

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

91

🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.

🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.

A modern UI kit packed with 2 custom page templates and 11 extra custom components built on top of Bootstrap (4.3.1). Components Demo β€’ Templates Demo

92

Devices.css - Modern devices in pure CSS

Devices.css Devices.css - Modern devices in pure CSS All devices are elegantly developed in pure CSS. The first are newly announced iPhone X and iPhon

93

Convert modern CSS into something browsers understand

PostCSS Preset Env PostCSS Preset Env lets you convert modern CSS into something most browsers can understand, determining the polyfills you need base

94

The SCSS framework for the modern web.

The SCSS framework for the modern web.

Cirrus A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Cirrus is designed to be adaptable to exis

96

A guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day.

Command Line Interface Guidelines An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating

97

🚿 A modern CSS reset

🚿 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

98

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

99

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

100
1 2