Argon CSS

about

A utility-first CSS framework packed with classes like flexflex-col, w-10pt-4justify-centerand 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.

view live app | GitHub Source Code

usage


# add in the head of the html

<link rel="stylesheet" href="https://argon-css.netlify.app/components/index.css">

tech Stack

HTML, CSS, JavaScript

features

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

images