Skip to content

meowwwls/css-only-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Only UI Components

These are just to demonstrate what can be done with CSS alone. These are not fully accessible, and not production-ready. These are simple demos and none of the code is ideal. There's a lot of room for improvement.

Responsive Tabs with SVG Icons

Set for a max of 6 tabs, since more than 6 doesn't really work on mobile.

On mobile, the tabs have icons only. On medium to large screen, the tabs have icons and text. Live Demo | Source HTML | Source SCSS

Responsive Thumbnail Gallery

Works best with a max of 5 thumbnails.

Live Demo | Source HTML | Source SCSS

Responsive Accordion

Live Demo | Source HTML | Source SCSS

Responsive Carousel

Live Demo | Source HTML | Source SCSS

About

Experimental CSS only UI components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published