logo
Tech Logo

CSS UI Components

UI Components made with just CSS
Subscribe to receive new updates to CSS
CSS>Components
SUB POTS

Carousel

3
SORT BY
Library Logo
gallery-css
CSS only Gallery
MIT LicenseCSSREADME
317
5
1.1K
3 months ago
9 years
Library Logo
flexbin
Pure CSS, flexible and gapless image gallery layout like Google Images and 500px.com
GNU General Public License v3.0CSSREADME
4
1
95
over 2 years ago
5 years
Library Logo
google-image-layout
A library help you to build Google like Image Gallery
CSSREADME
7
1
74
about 5 years ago
8 years
Top+ Add a listing

Data Visualization

2
SORT BY
Library Logo
cssplot
Pure CSS charts
OtherCSSREADME
50
7
779
over 7 years ago
7 years
Library Logo
CSS-Progress-Pie
A pure CSS progress pie chart
MIT LicenseCSSREADME
16
1
78
almost 5 years ago
5 years
Top+ Add a listing

Devices

4
SORT BY
Library Logo
devices.css
Pure CSS phones and tablets
MIT LicenseCSSREADME
621
14
3.8K
11 months ago
8 years
Library Logo
devices.css
Devices.css - Modern devices in pure CSS
MIT LicenseCSSREADME
215
8
2.0K
over 2 years ago
5 years
Library Logo
CSSDevices
๐Ÿ“ฑ.css Apple devices built in pure CSS
MIT LicenseCSSREADME
12
0
103
almost 3 years ago
8 years
Library Logo
CSS-Device-Mockups
Pure CSS device mockups.
CSSREADME
16
0
82
over 6 years ago
7 years
Top+ Add a listing

Menu / Hamburgers

6
SORT BY
Library Logo
hamburgers
Tasty CSS-animated Hamburgers
MIT LicenseSCSSREADME
1.7K
26
6.6K
13 days ago
6 years
Library Logo
Animating-Hamburger-Icons
Animating CSS-only hamburger menu icons
CSSREADME
149
5
473
over 5 years ago
7 years
Library Logo
ui-snippets-menu-animations
Four different menu animations for menu button toggle between hamburger, cross and back icon.
MIT LicenseCSSREADME
7
0
166
over 3 years ago
4 years
Library Logo
CSS-Circle-Menu
A fly-out circle menu built with CSS.
CSSREADME
75
3
163
over 5 years ago
7 years
Library Logo
CSSMarqueeMenu
A simple CSS based marquee effect for a menu.
MIT LicenseCSSREADME
27
0
102
almost 2 years ago
2 years
Library Logo
material-design-hamburger
Android's Material Design hamburger animation built in CSS
CSSREADME
11
2
93
about 7 years ago
7 years
Top+ Add a listing

Navigation Bar

3
SORT BY
Library Logo
luxbar
๐Ÿธ Featherweight, Responsive, CSS Only Navigation Bar
MIT LicenseCSSREADME
60
11
693
over 1 year ago
5 years
Library Logo
navigataur
A pure CSS responsive navigation menu
CSSREADME
53
9
159
over 8 years ago
10 years
Library Logo
bootstrap-nav-wizard
A simple, pure CSS (nav-tabs/nav-pils)-like wizard UI for bootstrap
MIT LicenseCSSREADME
61
3
90
about 8 years ago
9 years
Top+ Add a listing

Progress Bar

1
Library Logo
bars
css progress bars made with svg patterns
CSSREADME
9
0
112
over 3 years ago
3 years
Top+ Add a listing

Radio Inputs

2
SORT BY
Library Logo
awesome-bootstrap-checkbox
โœ”๏ธFont Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier
MIT LicenseCSSREADME
452
8
2.0K
about 1 year ago
8 years
Library Logo
radiobox.css
๐Ÿ”˜ Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/
OtherCSSREADME
42
0
700
over 4 years ago
6 years
Top+ Add a listing

Spinners / Loaders

7
SORT BY
Library Logo
SpinKit
A collection of loading indicators animated with CSS
MIT LicenseCSSREADME
1.8K
10
18.7K
over 1 year ago
8 years
Library Logo
loaders.css
Delightful, performance-focused pure css loading animations.
CSSREADME
1.2K
14
10.1K
13 days ago
7 years
Library Logo
css-loaders
A collection of loading spinners animated with CSS
MIT LicenseCSSREADME
1.1K
20
6.9K
6 months ago
8 years
Library Logo
three-dots
๐Ÿ”ฎ CSS loading animations made with single element.
MIT LicenseSCSSREADME
129
4
1.1K
about 1 month ago
4 years
Library Logo
whirl
CSS loading animations with minimal effort!
MIT LicenseSCSSREADME
141
23
1.0K
about 1 month ago
8 years
Library Logo
loader
Pure css loading animations. As long as only one element!
MIT LicenseCSSREADME
35
0
177
almost 5 years ago
6 years
Library Logo
loading.css
40+ Handcrafted CSS animations dedicated for your loaders
MIT LicenseStylusREADME
12
1
102
4 days ago
5 years
Top+ Add a listing

Tooltip

10
SORT BY
Library Logo
hint.css
A CSS only tooltip library for your lovely websites.
MIT LicenseCSSREADME
716
45
8.2K
5 days ago
9 years
Library Logo
balloon.css
Simple tooltips made of pure CSS
MIT LicenseCSSREADME
470
22
4.9K
about 1 month ago
6 years
Library Logo
microtip
๐Ÿ’ฌ Minimal, accessible, ultra lightweight css tooltip library. Just 1kb.
MIT LicenseCSSREADME
70
26
1.2K
4 months ago
5 years
Library Logo
tooltip
CSS Tooltips built on Tether. #hubspot-open-source
MIT LicenseCSSREADME
79
19
717
over 5 years ago
8 years
Library Logo
wenk
๐Ÿ˜‰ Lightweight pure CSS tooltip for the greater good
MIT LicenseCSSREADME
46
4
699
almost 3 years ago
6 years
Library Logo
simptip
A simple CSS tooltip made with Sass
MIT LicenseCSSREADME
93
3
650
about 4 years ago
8 years
Library Logo
tootik
A pure CSS/SCSS/LESS Tooltips library. Super easy to use, No JavaScript required.
MIT LicenseCSSREADME
85
0
444
almost 4 years ago
6 years
Library Logo
simple-hint
CSS-only tooltip packed with a variety of features.
MIT LicenseCSSREADME
10
0
166
over 5 years ago
7 years
Library Logo
html-hint
css hint (tooltip) based on hint.css with html content support
CSSREADME
8
3
70
about 5 years ago
7 years
Library Logo
tipsy.sass
A simple mixin tooltip CSS using Sass
CSSREADME
8
0
53
almost 3 years ago
8 years
Top+ Add a listing

Typography

8
SORT BY
Library Logo
Gutenberg
A meaningful web typography starter kit.
OtherCSSREADME
168
16
2.8K
about 1 year ago
7 years
Library Logo
medium.css
Compact typography for the web
MIT LicenseCSSREADME
55
2
618
over 3 years ago
3 years
Library Logo
utility-opentype
Simple, CSS utility classes for advanced typographic features.
MIT LicenseCSSREADME
21
6
487
almost 6 years ago
6 years
Library Logo
fluiditype
Fluiditype a simple fluid typography css helper for reading experience
MIT LicenseCSSREADME
16
0
218
6 months ago
2 years
Library Logo
typeset.css
A no-nonsense CSS typography reset for styling user-generated content like blog posts, comments, and forum content.
MIT LicenseCSSREADME
14
0
202
almost 3 years ago
10 years
Library Logo
basekick
Typographical baselines for CSS
CSSREADME
7
3
150
over 2 years ago
7 years
Library Logo
lotus.css
A minimalist's typography focused and responsive framework for the web
CSSREADME
6
2
69
about 7 years ago
7 years
Library Logo
material-design-type
a simple css implementation of material design typography
MIT LicenseCSSREADME
12
0
58
almost 7 years ago
7 years
Top+ Add a listing