A modern CSS library for futuristic web projects so you never have to use CSS again
A flexible 12-column grid system for modern layouts.
This element takes up 4 of 12 columns on large screens.
On medium screens, 6 columns are used.
On small screens, all elements take the full width.
Discover the various UI elements available.
A simple card with header and content.
With special light effects and interactions.
A card with glass effect for modern UIs.
Dashboard content here. This is the active tab.
This is a Notion-like text block.
This is a callout block in Notion style.
Here is the hidden content that appears when the toggle is opened.
Various text styles and formatting.
This is a normal text paragraph. The CSS library provides a clear hierarchy and pleasant readability.
Here is a link within a paragraph with a nice hover effect.
This is a blockquote. Ideal for quotes, important notes, or special highlights in the text.
Here is an example of inline code within a paragraph.
// A JavaScript code example
function helloWorld() {
console.log("Hello, futuristic world!");
}
helloWorld();
Various input and interaction elements.
Unique elements with futuristic effects.
Neon Text
A card with neon border.
Step 2 of 3: Configuration
Dynamic elements for lively user interfaces.
This card has a pulsating glow effect.
This card gently pulses in and out.
This card gently floats up and down.
Gradient text with animation
Loading content...
Stylish data presentation with hover effects.
| # | Name | Position | Status |
|---|---|---|---|
| 1 | Max Mustermann | Developer | Active |
| 2 | Erika Musterfrau | Designer | New |
| 3 | John Doe | Manager | Busy |
| 4 | Jane Smith | Marketing | Absent |