Exura.css is a modern, semantic-first CSS framework that reimagines how you style the web.
Forget the noise of long class names — Exura brings a cleaner, more declarative approach using attribute-based styling.
Designed for simplicity and scalability, Exura.css helps you build beautiful interfaces with clean, readable HTML.
-
🌀 Attribute-Based Styling
Use custom HTML attributes instead of traditional classes for maximum clarity. -
🧼 Cleaner Markup
Eliminate clutter with semantic, expressive HTML. -
⚡ Lightweight & Fast
Built for performance — no heavy resets or bloated stylesheets. -
🔧 Fully Customizable
Adapt Exura to your own design system with ease.
<!-- component -->
<button button="primary">Click Me</button>
<!-- intuitive grid with flex & width -->
<div flex="wrap">
<div size="w-1/2">50%</div>
<div size="w-1/2">50%</div>
</div>Simple, readable, and powerful — that’s the EXURA way. Perfect for developers who value clarity, maintainability, and innovation in frontend development. ✨
Exura uses the Rune build engine.
Before getting started, we recommend reading the official documentation here:
👉 https://github.com/devneet-id/rune
Although in most cases you can simply run the available build commands, understanding the Rune structure will help you better track and manage post-processing tasks more efficiently.
Requirements, Make sure you have:
- Composer installed
- PHP version 8+
Then run this command:
composer installTo view the main rune script:
php runeTo build the project:
php rune build
php rune build --min=trueDevelopment mode (auto watch & build on changes):
php rune watchExura will:
-
Be fully integrated with Rune as its built-in build engine.
-
Provide a targeted preprocessing system, similar to Tailwind CSS, but built entirely within the Rune ecosystem.
-
Offer unlimited flexibility — supporting modern styling via class, attribute, or even the latest CSS features.
-
Stay committed to never becoming a burden or bottleneck for developers.
Instead, Exura exists to empower, not to interrupt