https://github.com/vedanthb/argon-css-library

Argon CSS. A utility-first CSS framework that can be composed to build any design, directly in your markup.
https://github.com/vedanthb/argon-css-library

component-library css-framework utility-library

Last synced: 10 months ago
JSON representation

Argon CSS. A utility-first CSS framework that can be composed to build any design, directly in your markup.

• Host: GitHub
• URL: https://github.com/vedanthb/argon-css-library
• Owner: VedanthB
• Created: 2022-01-28T17:44:07.000Z (almost 4 years ago)
• Default Branch: dev
• Last Pushed: 2022-06-08T19:01:17.000Z (over 3 years ago)
• Last Synced: 2025-01-01T17:13:17.074Z (12 months ago)
• Topics: component-library, css-framework, utility-library
• Language: CSS
• Homepage: https://argon-css.netlify.app/
• Size: 8.13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

## Argon CSS. A Utility first css framework.

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.

## 🚅  Usage

**Getting started**

```html

    # add in the head of the html

      

```

## Tech Stack

HTML5, 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

 

## Screenshots

![Screenshot 2022-02-21 at 7 41 32 PM](https://user-images.githubusercontent.com/75097551/154971803-5a455706-d5f7-484f-944e-a9c7f9dd24c4.png)

  

![Screenshot 2022-02-21 at 7 42 13 PM](https://user-images.githubusercontent.com/75097551/154971690-d187d0ff-9d46-43d9-88fb-1060fbf4d4ec.png)

![Screenshot 202![Screenshot 2022-02-21 at 7 42 23 PM](https://user-images.githubusercontent.com/75097551/154971740-a8e22189-e994-49c8-bede-fab4b05bcd64.png)

2-02-21 at 7 42 03 PM](https://user-images.githubusercontent.com/75097551/154971702-e68c97bf-26c4-492d-9df8-f8265e4411c7.png)

![Screenshot 2022-02-21 at 7 41 52 PM](https://user-images.githubusercontent.com/75097551/154971728-fa2028f6-2f68-4c05-b16f-3699c4978990.png)