A utility-first CSS framework packed with classes like flex
,flex-col
, w-10
,pt-4
,justify-center
and bg-cyan-500
that can be composed to build any design, directly in your markup.
Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project.
Getting started
# add in the head of the html
<link rel="stylesheet" href="https://argon-css.netlify.app/components/index.css">
HTML5, CSS, JavaScript
- 20+ color pallets
- Consistent spacing
- Utility first classes
Components
- Alert
- Avatar
- Badge
- Button
- Cards
- Image
- Input
- Lists
- Navigation
- Modal
- Star Ratings
- SnackBar
- Tooltip
- Image Slider
- Dropdown Select
- Range Slider
Other Utilities
- Grid System
- Animations
- Effects
- Typography