- Notifications
You must be signed in to change notification settings - Fork0
Astral.CSS is a lightweight, responsive CSS framework designed for efficient development. It offers foundational styles for typography and elements, a flexbox-based responsive layout system, and pure CSS components and utilities, all following best coding practices and a consistent design language.
License
thaboyaluya/thaboyaluya.github.io
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
.png){kind=link}
A free CSS framework that offers a collection of ready-to-use frontend components, allowing you to effortlessly combine them to create responsive web interfaces.
NOTE: Astral.CSS also support dark mode and light mode which is very cool.
Install Astral.CSS with npm
npm install Astral.CSScd my-projectIf you do not want to download Astral.CSS you can skip the download with jsDelivr to deliver cached version of Astral.CSS's compiled CSS and JS to your project.
<link href="https://cdn.jsdelivr.net/gh/thaboyaluya/astral.css-V3.0@master/css/astral.css-v3.0.min.css" rel="stylesheet"><script> src="https://cdn.jsdelivr.net/gh/thaboyaluya/astral.css-V3.0@master/js/astral-v3.0.min.js" ></script>
<!--<!doctype html> --><html lang="en"><head><!-- Required meta tags --><meta charset="utf-8"><meta name="viewport" content ="width=device-width, initial-scale=1"><!-- Astral.CSS --><link href="https://cdn.jsdelivr.net/gh/thaboyaluya/astral.css-V3.0@master/css/astral.css-v3.0.min.css" rel="stylesheet"><title>Hello, world!</title></head><body><h1>Hello, world!</h1><script> src="https://cdn.jsdelivr.net/gh/thaboyaluya/astral.css-V3.0@master/js/astral-v3.0.min.js" ></script></body></html>
For full documentation, visithttps://thaboyaluya.github.io.
Extensive Components Library : Astral.CSS offers a rich library of UI component, allowing developers to streamline their workflow and create beautiful designs without starting from scratch.
Fully Responsive Design : With mobile-first principle,our framework ensures that all components look great on any device whether it's a desktop,tablet or mobile phone.
Modern : Clean,modern design that enhances user experience without unnecessary bloat.
Easy Integration : Our Framework is simple to implement into your existing projects,allowing you to easily mix and match components without hassle.
Download the Framework : Get started by downloading the Astral.CSS framework from our GitHub respository .Access all our components at your fingertips.
Explore the Component Library : Browse through our extensive library of frontend components.Whether your need forms,cards,navigation bars,modals and much more .We've you covered !
Customize and Combine : Easily customize components to fit your project's needs.With Astral.CSS,you can build unique web interfaces that stand out
Astral currently includes:
- Alerts
- Animations
- Breadcrumbs
- Buttons
- Cards
- Chips
- Dividers
- Dropdown
- Footer
- Message
- Modals
- Navbars
- Notifications
- Pagination
- Progress Bars and Spinners
- Sections
- Tables
- Tabs
- Tags
- Tooltips
- Dark Mode
- Rich Color Palette
Yeah... That's all. But no worries! I'm working on adding new components every day!
Astral is free to use under theopen-source MIT license.
I'mOghenerume Aluya. Have a nice day :)
About
Astral.CSS is a lightweight, responsive CSS framework designed for efficient development. It offers foundational styles for typography and elements, a flexbox-based responsive layout system, and pure CSS components and utilities, all following best coding practices and a consistent design language.
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.