Astral.CSS Dark Mode
Effortlessly adapt between dark and light themes based on the user's preference, ensuring a browsing experience tailored to your needs.
Read dark docs
Craft Beautiful Responsive Interfaces, One Class at a Time.
Create beautiful, responsive web interfaces effortlessly using our robust CSS components.
<link href="https://cdn.jsdelivr.net/gh/thaboyaluya/astralcss@master/dist/css/astral.css-3.1.0.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/thaboyaluya/astralcss@master/dist/js/astral%403.1.0.min.js"></script>
<div class="container">
<div class="card">
<h2 class="card-title">Hello, Astral!</h2>
<p class="card-text">Start building beautiful interfaces.</p>
<button class="button">Get Started</button>
</div>
</div>Choose the installation method that works best for your project.
Install Astral.CSS's source CSS and JavaScript files via npm.
npm i astralcss-3.1
When you only need to include Astral.CSS's compiled CSS or JS, you can use jsDelivr.
<link href="https://cdn.jsdelivr.net/gh/thaboyaluya/astralcss@master/dist/css/astral.css-3.1.0.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/thaboyaluya/astralcss@master/dist/js/astral%403.1.0.min.js"></script>
You can dive right in and start building with Astral.CSS! Just choose the option that works best for you: use the CDN or download the source code directly.
Read installation docsOur framework is designed to make web development easier, faster, and more beautiful.
Astral.CSS offers a well-rounded collection of UI components, making it easier for developers to simplify their workflow and craft beautiful designs without building everything from the ground up.
Designed with a mobile-first approach, our framework ensures every component looks exceptional across all devices—be it desktop, tablet, or smartphone.
Enjoy a sleek, modern design that prioritizes user experience and keeps things simple for top-notch performance.
You'll find our framework easy to integrate into your existing projects, making it simple to mix and match components without any fuss.
Effortlessly adapt between dark and light themes based on the user's preference, ensuring a browsing experience tailored to your needs.
Read dark docsStart your journey by downloading the Astral.CSS framework from our GitHub repository. Explore a wide range of components, all readily available to streamline your web development experience.
Explore our vast collection of frontend components, crafted to elevate your web development projects. From forms and cards to navigation bars, we have everything you need to bring your ideas to life!
Effortlessly tailor components to fit your project’s needs. With Astral.CSS, you have the tools to craft unique web interfaces that truly stand out.
Become part of the growing community of developers reshaping web interfaces with Astral.CSS.
Get Started Today