Beautiful by design · Fast by architecture · Built for the AI era

The wow.Without the weight.

135+ free Astro-native components. Need the whole page? Pro adds 126 premium sections and 16 production-ready templates.

Explore components Get lifetime access · $59

135+ free components · 126 Pro sections· 16 templates · 1 lifetime license

Selected from 135+ free components

Make the first impression impossible to ignore.

Art-directed components for heroes, backgrounds, storytelling, interactions and the details people remember.

Browse the full catalog

3D Card Effect3D

Animated ModalOverlay

Animated TestimonialsEffect

Animated TooltipOverlay

Apple Cards CarouselStorytelling

Aurora BackgroundBackground

Background Beams With CollisionBackground

Background BeamsBackground

Background BoxesBackground

Background Gradient AnimationBackground

Background GradientBackground

Background LinesBackground

Background Ripple EffectBackground

BackgroundsBackground

Chromatic ImageEffect

Container CoverEffect

Container Scroll AnimationStorytelling

Container Text FlipText

Direction Aware HoverCards

Dither ShaderShader

Dotted Glow BackgroundBackground

Floating NavbarNavigation

Focus CardsCards

Github Globe3D

Gooey InputInput

Grid And Dot BackgroundsBackground

Hero HighlightStorytelling

Hero ParallaxStorytelling

Images BadgeStorytelling

Images SliderStorytelling

Infinite Moving CardsStorytelling

Macbook ScrollStorytelling

Magnetic ButtonInput

MeteorsBackground

Moving BorderEffect

Multi Step LoaderFeedback

Navbar MenuNavigation

Noise BackgroundBackground

NotchEffect

Parallax Hero ImagesStorytelling

Parallax ScrollStorytelling

Placeholders And Vanish InputInput

Pointer HighlightEffect

Resizable NavbarNavigation

ScalesEffect

ShadersShader

Shooting Stars And Stars BackgroundBackground

Sticky Scroll RevealStorytelling

Svg Mask EffectEffect

TabsOverlay

Tailwindcss ButtonsInput

TerminalCode

Text Flipping BoardText

Text Generate EffectText

Text Hover EffectText

Text Reveal CardText

Tooltip CardOverlay

Tracing BeamStorytelling

Typewriter EffectText

VortexBackground

Wavy BackgroundBackground

Wobble CardCards

World MapBackground

Made for Astro. Actually.

Built for developers who chose Astro for a reason.

You chose Astro because a marketing site should not need an application runtime. We agree.

Static stays static.

Heroes, pricing tables and footers ship as HTML and CSS by default.

0 KB JS

Interaction earns its place.

Small islands and native browser APIs handle only the behavior you can see.

No runtime

Your source. Your project.

Copy the implementation, adapt every detail and keep shipping independently.

Own the code

Your hero does not need hydration.

Your pricing table doesn't need to become an app.

The fastest JavaScript is the JavaScript you never ship.

Measured, not merely promised

Same design.
Different payload.

Equivalent production pages under identical device, network and cache conditions. The sites look exactly alike — the payload is what differs.

Page weight

Astro546 KB

Next1.88 MB

71.0% less · 29.0% of Next

Script CPU

Astro17 ms

Next638 ms

97.3% less · 2.7% of Next

External JS

Astro0 KB

Next282 KB

100% less · 0% of Next

Averages for exactly the same landing page.

Built to be noticed.
Loved by builders.

See what developers, designers and founders are saying about Nular UI.

This is ridiculously good. Already found three components I want to use on our next launch.
Elliot Mason
Northstar Labs
Okay, this looks really nice. The interactions feel polished without being too much.
Maya Chen
Runs AI-powered agencies
Finally an Astro library that actually feels like it was made for Astro.
Theo Martins
Open-source maintainer
Spent 10 minutes browsing and somehow I have a completely different homepage now 😅
Sofia Bennett
Paperplane
The quality of these is kind of absurd. Beautiful work.
Lucas Meyer
Northline
The fact that I can grab the source and just keep building is exactly what I wanted.
Noah Kim
Relaybird
This might have just saved me a weekend.
Amelia Ross
Plainstack
Love this. The components have personality without making every site look like the same template.
Daniel Vega
Design engineer
Wait... 0 KB JS on some of these? That's the part that got me.
Alex Morgan
Cloudflare
Tried one of the hero sections this morning. It took longer to pick which one I wanted than to actually integrate it 😂
Julian Park
Ionic
This is exactly the kind of UI library I keep bookmarking and then actually end up using.
Nina Laurent
Metricfold
Looks beautiful. Feels fast. Source is clean. Not much else I need.
Sam Carter
Hightide
The Copy Prompt idea is genuinely useful. Gave it to my coding agent and the component landed almost exactly how I expected.
Oliver Reed
Daylight Systems
There's a surprising amount here. I came for a background effect and ended up rebuilding half the landing page.
Ava Thompson
Frontend developer
One of those libraries where every few scrolls you’re like “yeah, I’m using that.”
Marcus Lee
Teal
This is ridiculously good. Already found three components I want to use on our next launch.
Elliot Mason
Northstar Labs
Okay, this looks really nice. The interactions feel polished without being too much.
Maya Chen
Runs AI-powered agencies
Finally an Astro library that actually feels like it was made for Astro.
Theo Martins
Open-source maintainer
Spent 10 minutes browsing and somehow I have a completely different homepage now 😅
Sofia Bennett
Paperplane
The quality of these is kind of absurd. Beautiful work.
Lucas Meyer
Northline
The fact that I can grab the source and just keep building is exactly what I wanted.
Noah Kim
Relaybird
This might have just saved me a weekend.
Amelia Ross
Plainstack
Love this. The components have personality without making every site look like the same template.
Daniel Vega
Design engineer
Wait... 0 KB JS on some of these? That's the part that got me.
Alex Morgan
Cloudflare
Tried one of the hero sections this morning. It took longer to pick which one I wanted than to actually integrate it 😂
Julian Park
Ionic
This is exactly the kind of UI library I keep bookmarking and then actually end up using.
Nina Laurent
Metricfold
Looks beautiful. Feels fast. Source is clean. Not much else I need.
Sam Carter
Hightide
The Copy Prompt idea is genuinely useful. Gave it to my coding agent and the component landed almost exactly how I expected.
Oliver Reed
Daylight Systems
There's a surprising amount here. I came for a background effect and ended up rebuilding half the landing page.
Ava Thompson
Frontend developer
One of those libraries where every few scrolls you’re like “yeah, I’m using that.”
Marcus Lee
Teal

One of those libraries where every few scrolls you’re like “yeah, I’m using that.”
Marcus Lee
Teal
There's a surprising amount here. I came for a background effect and ended up rebuilding half the landing page.
Ava Thompson
Frontend developer
The Copy Prompt idea is genuinely useful. Gave it to my coding agent and the component landed almost exactly how I expected.
Oliver Reed
Daylight Systems
Looks beautiful. Feels fast. Source is clean. Not much else I need.
Sam Carter
Hightide
This is exactly the kind of UI library I keep bookmarking and then actually end up using.
Nina Laurent
Metricfold
Tried one of the hero sections this morning. It took longer to pick which one I wanted than to actually integrate it 😂
Julian Park
Ionic
Wait... 0 KB JS on some of these? That's the part that got me.
Alex Morgan
Cloudflare
Love this. The components have personality without making every site look like the same template.
Daniel Vega
Design engineer
This might have just saved me a weekend.
Amelia Ross
Plainstack
The fact that I can grab the source and just keep building is exactly what I wanted.
Noah Kim
Relaybird
The quality of these is kind of absurd. Beautiful work.
Lucas Meyer
Northline
Spent 10 minutes browsing and somehow I have a completely different homepage now 😅
Sofia Bennett
Paperplane
Finally an Astro library that actually feels like it was made for Astro.
Theo Martins
Open-source maintainer
Okay, this looks really nice. The interactions feel polished without being too much.
Maya Chen
Runs AI-powered agencies
This is ridiculously good. Already found three components I want to use on our next launch.
Elliot Mason
Northstar Labs
One of those libraries where every few scrolls you’re like “yeah, I’m using that.”
Marcus Lee
Teal
There's a surprising amount here. I came for a background effect and ended up rebuilding half the landing page.
Ava Thompson
Frontend developer
The Copy Prompt idea is genuinely useful. Gave it to my coding agent and the component landed almost exactly how I expected.
Oliver Reed
Daylight Systems
Looks beautiful. Feels fast. Source is clean. Not much else I need.
Sam Carter
Hightide
This is exactly the kind of UI library I keep bookmarking and then actually end up using.
Nina Laurent
Metricfold
Tried one of the hero sections this morning. It took longer to pick which one I wanted than to actually integrate it 😂
Julian Park
Ionic
Wait... 0 KB JS on some of these? That's the part that got me.
Alex Morgan
Cloudflare
Love this. The components have personality without making every site look like the same template.
Daniel Vega
Design engineer
This might have just saved me a weekend.
Amelia Ross
Plainstack
The fact that I can grab the source and just keep building is exactly what I wanted.
Noah Kim
Relaybird
The quality of these is kind of absurd. Beautiful work.
Lucas Meyer
Northline
Spent 10 minutes browsing and somehow I have a completely different homepage now 😅
Sofia Bennett
Paperplane
Finally an Astro library that actually feels like it was made for Astro.
Theo Martins
Open-source maintainer
Okay, this looks really nice. The interactions feel polished without being too much.
Maya Chen
Runs AI-powered agencies
This is ridiculously good. Already found three components I want to use on our next launch.
Elliot Mason
Northstar Labs

Limited-time founding offer

Pay once.
Build forever.

One landing page can pay for the library. The next ten are where the lifetime license gets unfair.

One paymentNo subscriptionLifetime updates

nularUI Pro Limited-time offer

$59

Regular price~~$199~~Save $140

Every premium section and template. One simple lifetime license.

126 premium sections
16 production-ready templates
Source, install guides and AI prompts
Future library updates
135+ components, free for everyone

Get lifetime access · $59One payment · Lifetime access · Price returns to $199 when the offer ends

Questions, answered

The short version.

Is this another React library wrapped for Astro?

No. The Astro catalog is rebuilt around Astro itself: static markup by default, native browser APIs for small interactions, and islands only when a component genuinely needs client-side behavior.

What does lifetime access include?

Every component is free, with its source, install guide and AI prompt. One purchase unlocks the 126 premium sections and 16 complete templates, with the same source, install guidance and AI-ready integration prompts, plus future library updates.

What is Copy Prompt?

It packages the source context, dependencies, file structure, constraints and usage instructions your coding agent needs. You can paste it into Codex, Claude Code, Cursor or another capable agent.

Look better.Load faster.

Build something people remember, without making their browser pay for it.

Explore Nular UI