.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.CSS
cd 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, visit https://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 the open-source MIT license.
I'm Oghenerume Aluya. Have a nice day :)