196 CSS Styled-components Libraries

An scalable serverless end-to-end photo-sharing application made from 11 Google Cloud components

An scalable serverless end-to-end photo-sharing application made from 11 Google Cloud components

Build an serverless end-to-end photo sharing application with Google Cloud This deploystack will help you create a scalable end-to-end photo-sharing a

01

jMyLoader is a jQuery plugin that helps to provide a visual feedback to your users while loading components on a webpage.

jMyLoader is a jQuery plugin that helps to provide a visual feedback to your users while loading components on a webpage.

02

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

03

Clay.css - Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

Clay.css - Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

Clay.css - Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

04

A pluggable storybook for your LiveView components.

A pluggable storybook for your LiveView components.

PhxLiveStorybook ๐Ÿ“š Documentation - ๐Ÿ”Ž Demo PhxLiveStorybook provides a storybook-like UI interface for your Phoenix LiveView components. Explore all

05

All the simple-icons wrapped as Blazor components.

timewarp-simple-icons All 2299 simple-icons wrapped as Blazor components. See and search all at https://simpleicons.org/ Give a Star! โญ If you like or

06

Bootstrap 4 & 5 components for Svelte

Bootstrap 5 components for Svelte v3 The philosophy of this library is to provide all Bootstrap 5 components for a Svelte app, without needing to use

07

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox ๐Ÿฐ

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox ๐Ÿฐ

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

08

Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System ๐ŸŒˆ

Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System ๐ŸŒˆ

Numl is a UI Design Language, UI Library of Web Components, and Runtime CSS Framework for rapidly building interfaces that follow your Design System ?

09

CSS for clean and fast web apps

Topcoat CSS for clean and fast web apps Usage Download Topcoat Open demo/index.html to view the usage guides. Copy your desired theme CSS from the css

10

๐Ÿ’พ Windows 95 UI Kit made with Bootstrap 4 components

๐Ÿ’พ   Windows 95 UI Kit made with Bootstrap 4 components

Windows 95 UI Kit 30+ authentic Windows 95 components, Full Documentation, Fully Responsive, 100% Valid W3C HTML Files. It's Free. Windows 95 UI Kit i

11

Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

wired-elements ๐Ÿ‘‰ wiredjs.com Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups,

12

Ready-to-use Remix + Tailwind CSS routes and components.

Ready-to-use Remix + Tailwind CSS routes and components.

remix-blocks What is RemixBlocks? Ready-to-use Remix + Tailwind CSS routes, and UI components, all blocks: Are full-stack routes. Are independent of e

13

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

14

Crimson-Tech is an E-Commerce web application for a computers and computer accessories selling shop. The application contains both admin and client side components. Developed using MERN stack.

Crimson-Tech is an E-Commerce web application for a computers and computer accessories selling shop. The application contains both admin and client side components.  Developed using MERN stack.

Project Overview ๐Ÿš€ Crimson-Tech is an E-Commerece web application for a PC and accessories selling shop. The application contains both admin and clie

15

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

16

A hub of Stunning CSS3 Effects and Components

A hub of Stunning CSS3 Effects and Components

HUB OF STUNNING CSS3 EFFECTS AND COMPONENTS 1. water-animation โ˜ Water Wave Text Animation Using CSS clip-path ๐Ÿ‘† 2. Fingerprint Scanner โ˜ Fingerp

17

Collection of Customized Web UI components. i.e Buttons, Checkboxes, Radio Buttons, Switches, etc.

Collection of Customized Web UI components. i.e Buttons, Checkboxes, Radio Buttons, Switches, etc.

Custom Widgets Collection of Customized Web UI components. i.e Buttons, Checkboxes, Radio Buttons, Switches, etc. Widgets S.No Repo See live 01 Custom

18

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

19

Code Snippets of fully responsive HTML-CSS-JS components that can be implemented in a web app.

Code Snippets of fully responsive HTML-CSS-JS components that can be implemented in a web app.

Frontend HTML CSS JS About the Repository We are on a mission to make things easy and convenient for all the users who just want to save their time. T

20

A minimal starter kit for Laravel 8 using Bootstrap 5 and Webpixels CSS.

Laravel Starter Kit A minimal starter kit for Laravel 8 using Bootstrap 5 and Webpixels CSS. Features Laravel 8 Laravel UI (for basic scaffolding like

21

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 ยท

22

Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte

Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte

Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte Docum

23

Sleek, intuitive, and powerful Google styled front-end framework for faster and easier web development

Bootplus v1.0.5 Please pay attention that this project is no longer maintained. Bootplus is a front-end framework for faster and easier web developmen

24

A collection of frontend components using Tailwind.css and Alpine.js.

Note: I haven't had a chance to update this repo for a while, as my startup has been taking off. I will make the time to upgrade these components to T

25

Material Design Lite Components, Directives + SPA with HTML, CSS + Dart

Material Design Lite Components, Directives + SPA with HTML, CSS + Dart

depreciated I'm moving all my packages to TypeScript! Thank God I finally made this decision... Material Design for Dart A User Interface Library / GU

26

Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped.

Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped.

CSS-Mint Add some "Mint" to your web pages CSS Mint is a lightweight and fully-responsive open source UI kit built to ease up layout and structuring o

27

UI components with Tailwind CSS in headlessui.dev

UI components with Tailwind CSS in headlessui.dev

Tailwind-components UI components with Tailwind CSS in headlessui.dev

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

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

30

A lightweight CSS framework that brings MacOS styled elements to Electron

A lightweight CSS framework that brings MacOS styled elements to Electron

Ion A lightweight CSS framework that brings MacOS styled elements to Electron. About Ion was developed with the aim of bringing native MacOS elements

31

Garden CSS provides consistent styling for Garden components

Garden CSS provides consistent styling for Garden components. Component CSS is maintained following a multi-package approach where components are packaged and published individually, but combined under this single repository.

32

Content centric Hugo blogging theme styled with Tufte-css

Hugo-Tufte is a minimalist blog-like theme for the static site generator Hugo that attempts to be a faithful implementation of the Tufte-css project. It supports mathematical typesetting via MathJax. By utilizing copious partial templates the theme is largely customizable.

33

โ›ต Replicate GitHub Flavored Markdown with Tailwind CSS components

github-markdown-tailwindcss Replicate GitHub Flavored Markdown with Tailwind CSS components ๐Ÿ”ฉ Usage To use, include the provided style sheet (markdow

34

CSS Components, Modifiers, and Subcomponents Collection

A collection of common CSS component, modifier, and subcomponent class names from around the web.

35

TailUI is an Open source Tailwind CSS Components library.

TailUI is an Open source Tailwind CSS Components library.

TailUI TailUI is an Open source Tailwind CSS Components library. So all the components are made using Tailwind CSS. We created this TailUI to give som

36

PostCSS syntax for parsing HTML (and HTML-like)

PostCSS HTML Syntax PostCSS syntax for parsing HTML (and HTML-like) PHP Vue Single-File Component Quick App XSLT Getting Started First thing's first,

37

Virgo is a free HTML, CSS, JS template built using the CodyHouse Components and Framework.

Virgo Template by ๐Ÿž CodyHouse Virgo is a free HTML, CSS, JS landing template built using the CodyHouse Components and Framework. This template was cr

38

initial CSS values to use in `all: initial` polyfils

css-initials Initial CSS values for all: initial polyfills. Table of Contents Usage vanilla css css-modules jss styled-components FAQ Usage Vanilla cs

39

A pure css3 animated border which supports all moden browser

pure-css-animated-border A pure css3 animated border which supports all moden browser.

40

React custom components can be easily transferred using pure css and js

React custom components can be easily transferred using pure css and js

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

Comparing the differences in compiled CSS when using different Sass/Less methods to build reusable components.

Comparing the differences in compiled CSS when using different Sass/Less methods to build reusable components.

CSS output This is a small repository to demonstrate how specific methods for building CSS components with a preprocessor like Sass can affect your co

43

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

44

Decathlon Design System libraries for web applications

Decathlon Design System libraries for web applications

Vitamin Web Decathlon Design System libraries for web applications Website - Showcases Introduction Decathlon Design System is the framework that help

45

๐ŸŒ€ A collection of loading indicators animated with CSS for VueJS

๐ŸŒ€ A collection of loading indicators animated with CSS for VueJS

vue-spinkit A collection of loading indicators animated with CSS for VueJS Inspiration Spinkit css animated loading react-spinkit loaders.css DEMO Ins

46

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

47

โšก๏ธ Vite Vue SSR Frontend Starter Kit. TypeScript, Windi CSS, Pinia, DDD-ready, components auto-importing

Vite Vue SSR Starter Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse Features โšก๏ธ Vue 3, Vite 2, TypeScript ๐Ÿ—‚ Domain-Driv

48

In this project I created the structure of a leaderboard using HTML and styled it using CSS

Leaderboard In this project I created the structure of a leaderboard using HTML and styled it using CSS. I loaded the recent scores dynamically using

49

Bootstrap 5 & Vue 3 UI KIT - 700+ components

Bootstrap 5 & Vue 3 UI KIT - 700+ components

Bootstrap 5 & Vue 3 UI KIT - 700+ components, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, design tools

50

Collection of components found on the internet

Tailwind Components Table of Contents Accordion Alert/Notification Avatar Badge Breadcrumb Button Card Dashboard Widgets Slider/Carousel Cookies Date/

51

Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.

TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control

52

Material Design for Bootstrap 4

Material Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstra

53

Card components for Tailwind CSS

Tailwind Card Plugin Installation Simply require the plugin in your project: # With NPM npm install @nathanheffley/tailwindcss-card --save-dev # With

54

Bootstrap styled tables for Tailwind CSS

Bootstrap styled tables for Tailwind CSS

Tailwind CSS Tables Plugin This plugin generates bootstrap styled tables in Tailwind CSS. Anything in the bootstrap tables documentation should work.

55

Vue components built for Nuxt3|Vue3 powered by Windi CSS|tailwindcss

Vue components built for Nuxt3|Vue3 powered by Windi CSS|tailwindcss

Vue components built for Vue3 powered by Windi CSS or tailwindcss ๐Ÿš€ Features ๐ŸŒ” All components and classes include dark-mode support ๐Ÿ”Œ Programmatic

56

VxVue provides a few Vue components styled with Tailwind CSS

vxVue Introduction VxVue provides a few Vue components styled with Tailwind CSS. All components are geared towards simplicity leaving room for customi

57

A Tailwind Components Library

vuewind Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch ser

58

Tailwind CSS UI components build for Vue.js / Nuxt.js

Tailwind CSS UI components build for Vue.js / Nuxt.js

mijin Tailwind CSS UI components build for Vue.js 2.x / Nuxt.js 2.x ๐Ÿ“– Documentation Features ๐Ÿ’… Component style relying uniquely on Tailwind CSS pres

59

Tailwind CSS Button Components built with Vite, Vue, and Tailwind JIT

Tailwind CSS Button Components built with Vite, Vue, and Tailwind JIT

Tailwind CSS - Button Components Read the blog post or watch the tutorial on YouTube Consider sponsering me โ™ฅ๏ธ or Buying me a coffee This is a blog po

60

Component library based on Vue and Tailwind

Component library based on Vue and Tailwind Documentation For full documentation, visit Documentation. Libraries The following libraries are being use

61

Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to

62

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

63

๐ŸŒˆ An enterprise-class UI components based on Ant Design and Vue. ๐Ÿœ

๐ŸŒˆ  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

64

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

65

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to  be inclusive.

Clarity Design System Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with We

66

This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.

This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.

Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe

67

Set of simplified and stylized HTML elements

Set of simplified and stylized HTML elements

Crazy HTML just to play | DEMO It is not a framework Public Domain (give me a star, it makes me happy :D) Defining this repository is tricky. It is no

68

An open-source design system for building scalable, responsive websites and applications.

Modulz An open-source design system for building scalable, responsive websites and applications. Getting started Paste this line of code into the hea

69

Most used UI Components โ€” of web applications. Curated/Most loved components for web development

UI Components Almost most of the UI components you use in your web applications as a collection. Why Name UI Components? There is a misleading word us

70

Fluent Reveal Effect JavaScript library for web

Fluent Reveal Effect JavaScript library for web

Reveal Effect library (Fluent Design System) Apply reveal effect to border and background of elements. Demo https://imageglass.org/ https://d2phap.git

71

๐Ÿ˜ธ A fast, friendly, and fun web UI kit for everyone.

Minna UI ๐Ÿ˜ธ A fast, friendly, and fun web UI kit for everyone. A UI kit for building things with web technology which aims to be pragmatic, intuitive,

72

Incredible fast template toolkit for making new or re-styling existing components with Tailwind CSS.

Stail Incredible fast template toolkit for making new or re-styling existing components with Tailwind CSS. Why it's needed? First of all, I'm tired fr

73

Mobile UI components made with Tailwind CSS

Mobile UI components made with Tailwind CSS

Konsta UI Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte Docum

74

Skelet.css a contemporary CSS framework. The basics to get started.

Skelet.3 Skelet. is a contemporary CSS framework which gives you the foundations to start building your next project right away. Skelet. provides a si

75

CSS layout components that (basically) horizontally and vertically stack anything.

๐Ÿ—„ HStack and VStack in CSS CSS layout components that (basically) horizontally and vertically stack anything. Usage โœŒ๏ธ Check out the code here. Horiz

76

Ready-to-use Tailwind CSS blocks.

Ready-to-use Tailwind CSS blocks.

Tailblocks Ready-to-use Tailwind CSS blocks Features 60+ Blocks Responsive Dark Mode Support Color Variations How to use this project This project pro

77

Add some dimension to your page with blocks ๐Ÿš€

Add some dimension to your page with blocks ๐Ÿš€

blocks.css โ˜•๏ธ Add some dimension to your page with blocks ๐Ÿš€ You can check out examples and get started with blocks.css at the GitHub Page ๐Ÿ“– . Here's

78

Material Design Components in Pure CSS. Materializing HTML at just one class per component ๐Ÿฐ

Material Design Components in Pure CSS. Materializing HTML at just one class per component ๐Ÿฐ

Matter Material Design Components in Pure CSS Materializing HTML at just one class per component (ex-Pure CSS Material Components) ๐ŸŽฌ Get Started Get

79

Loading spinners - Progress indicators expressing unspecified wait time.

Loading spinners Progress indicators expressing unspecified wait time Component of the UI component collection Mountable ๐Ÿ“š Informs the users about on

80

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

81

Unofficial Svelte port of Headless UI components

svelte-headlessui This is an unofficial, complete Svelte port of the Headless UI component library (https://headlessui.dev/). It contains fully access

82

๐Ÿค” Apply CSS to React components conditionally

๐Ÿค” Decider Apply CSS to React components conditionally, like a boss. className={ decide(styles, { header: true, mobile: props.isMobile, na

83

The missing JS API of the CSS `:focus-within` for React

Component Driven UI Includes following packages: react-design-tokens โ€” React components to document design tokens in a styleguide. FocusWithin compone

84

React layout component based on CSS Grid Layout and built with styled-components

React CSS Grid React layout component based on CSS Grid Layout and built with styled-components Demo npm i react-css-grid // Example usage import Reac

85

React Animation Library made was with styled-components like Animated.css

I was inspired by Animated.css Live Demo Actually, it doesn't make any difference with using css animations but composition is awesome, you can compos

86

๐Ÿฑ A tiny CSS grid layout for React

๐Ÿฑ A tiny CSS grid layout for React

styled-css-grid ๐Ÿฑ A tiny (~2kb) CSS grid layout for React, built with styled-components ๐Ÿ’… . examples See the website. installation Install React and

87

A collection of pure CSS React loading components

A collection of pure CSS React loading components

React CSS Loaders A collection of pure CSS React loading components. Based on Luke Haas css-loaders project. Contents Getting Started Usage Components

88

React components within an iframe for isolated css styling

react-frame React components within an iframe for isolated css styling Installation npm install react-frame --save yarn add react-frame Demo https://s

89

Utilities for creating robust overlay components

react-overlays Utilities for creating robust overlay components. Documentation https://react-bootstrap.github.io/react-overlays Installation npm insta

90

React UIkit Components for the UIKit CSS framework

React UIkit Components Documentation A collection of react components using UIkit CSS framework. This module does not contain any components as they a

91

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

92

iCheck components built with React. Highly customizable checkbox, radio buttons and radio group.

React-iCheck iCheck components built with React. No jQuery and Zepto Online demo: http://luqin.github.io/react-icheck Note: React-iCheck still in deve

93

A lightweight CSS library for adding transitions to Vue components

A lightweight CSS library for adding transitions to Vue components

vue-transitions-css A lightweight CSS library for for adding transitions to Vue components โญ Demo | Contribution | Changelog USAGE Installation via NP

94

React multistep form component

React multistep form component

Responsive React multistep form component Take it for a spin here or, install it from NPM React 17.0.2 List of forks Instructions To use this module i

95

Easy to use css spinners collection with Vue.js integration

Easy to use css spinners collection with Vue.js integration

epic-spinners Easy to use css spinners collection with Vue.js integration. Developed by Epicmax. Subscribe to our newsletter to get Epic Spinners upda

96

Mobile UI Components, based on Vue.js and ionic CSS

Mobile UI Components, based on Vue.js and ionic CSS

Mobile UI Components, based on Vue.js and ionic CSS. Demo https://wangdahoo.github.io/vonic/docs/ Notice v2.0.0-beta.15 released. $ npm install [email protected]

97

Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode ๐Ÿš€ โ˜„๏ธ.

Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode ๐Ÿš€ โ˜„๏ธ.

Meraki UI ๐ŸŽ‰ ๐Ÿš€ Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid ๐Ÿ— . Resources Tailwindcss

98

React components and demo for the Tabler UI theme.

Update - June 2019: Version 2 Alpha now available on NPM: npm install [email protected] yarn add [email protected] Check out the latest progress and

99

๐Ÿ› Oruga is a lightweight library of UI components without CSS framework dependency

๐Ÿ› Oruga is a lightweight library of UI components without CSS framework dependency

Oruga UI is like a caterpillar, minimal and yet functional. It's in your hands turning it into a butterfly ( ๐Ÿ› ) = ๐Ÿฆ‹ Oruga is a lightweight library

100
1 2