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

The wow.Without the weight.

Premium Astro-native components, blocks and complete templates for landing pages that look expensive and load like they should.

135+ components · 125 blocks · 15+ templates · 1 lifetime license

Selected from the live catalog

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 Card Effect3D3D Globe3D Globe3D3D Marquee3D Marquee3D3D Pin3D Pin3DAnimated ModalAnimated ModalOverlayAnimated TestimonialsAnimated TestimonialsEffectAnimated TooltipAnimated TooltipOverlayApple Cards CarouselApple Cards CarouselStorytellingAurora BackgroundAurora BackgroundBackgroundBackground Beams With CollisionBackground Beams With CollisionBackgroundBackground BeamsBackground BeamsBackgroundBackground BoxesBackground BoxesBackgroundBackground Gradient AnimationBackground Gradient AnimationBackgroundBackground GradientBackground GradientBackgroundBackground LinesBackground LinesBackgroundBackground Ripple EffectBackground Ripple EffectBackgroundBackgroundsBackgroundsBackgroundCanvas Reveal EffectCanvas Reveal EffectEffectCanvas TextCanvas TextTextCard Hover EffectCard Hover EffectCardsCard SpotlightCard SpotlightCardsCard StackCard StackCardsCarouselCarouselStorytellingChromatic ImageChromatic ImageEffectCloud ShaderCloud ShaderShaderCode BlockCode BlockCodeColourful TextColourful TextTextComet CardComet Card3DCompareCompareOverlayContainer CoverContainer CoverEffectContainer Scroll AnimationContainer Scroll AnimationStorytellingContainer Text FlipContainer Text FlipTextDirection Aware HoverDirection Aware HoverCardsDither ShaderDither ShaderShaderDotted Glow BackgroundDotted Glow BackgroundBackgroundDraggable CardDraggable Card3DEmpty StatesEmpty StatesEffectEncrypted TextEncrypted TextTextEvervault CardEvervault CardCardsExpandable CardExpandable CardCardsFaqsFaqsEffectFile UploadFile UploadInputFlip WordsFlip WordsTextFloating DockFloating DockNavigationFloating NavbarFloating NavbarNavigationFocus CardsFocus CardsCardsFollowing PointerFollowing PointerEffectGithub GlobeGithub Globe3DGlowing EffectGlowing EffectEffectGooey InputGooey InputInputGoogle Gemini EffectGoogle Gemini EffectEffectGrid And Dot BackgroundsGrid And Dot BackgroundsBackgroundHero HighlightHero HighlightStorytellingHero ParallaxHero ParallaxStorytellingHover Border GradientHover Border GradientCardsIllustrationsIllustrationsEffectImages BadgeImages BadgeStorytellingImages SliderImages SliderStorytellingInfinite Moving CardsInfinite Moving CardsStorytellingKeyboardKeyboardCodeLamp EffectLamp EffectEffectLayout GridLayout GridEffectLensLensOverlayLink PreviewLink PreviewOverlayLoaderLoaderFeedbackMacbook ScrollMacbook ScrollStorytellingMagnetic ButtonMagnetic ButtonInputMeteorsMeteorsBackgroundMoving BorderMoving BorderEffectMulti Step LoaderMulti Step LoaderFeedbackNavbar MenuNavbar MenuNavigationNoise BackgroundNoise BackgroundBackgroundNotchNotchEffectParallax Hero ImagesParallax Hero ImagesStorytellingParallax ScrollParallax ScrollStorytellingPixelated CanvasPixelated CanvasBackgroundPlaceholders And Vanish InputPlaceholders And Vanish InputInputPointer HighlightPointer HighlightEffectResizable NavbarResizable NavbarNavigationScalesScalesEffectShadersShadersShaderShooting Stars And Stars BackgroundShooting Stars And Stars BackgroundBackgroundSidebarSidebarNavigationSidebarsSidebarsNavigationSignup FormSignup FormInputSpotlight NewSpotlight NewCardsSpotlightSpotlightCardsSquiggly TextSquiggly TextTextStateful ButtonStateful ButtonInputSticky BannerSticky BannerStorytellingSticky Scroll RevealSticky Scroll RevealStorytellingSvg Mask EffectSvg Mask EffectEffectTabsTabsOverlayTailwindcss ButtonsTailwindcss ButtonsInputTerminalTerminalCodeText AnimationsText AnimationsTextText Flipping BoardText Flipping BoardTextText Generate EffectText Generate EffectTextText Hover EffectText Hover EffectTextText Reveal CardText Reveal CardTextTimelineTimelineEffectTooltip CardTooltip CardOverlayTracing BeamTracing BeamStorytellingTypewriter EffectTypewriter EffectTextVortexVortexBackgroundWavy BackgroundWavy BackgroundBackgroundWobble CardWobble CardCardsWorld MapWorld 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

    Loomfield

  • Finally an Astro library that actually feels like it was made for Astro.

    Theo Martins

    Lumaform

  • 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

    Framebase

  • Wait... 0 KB JS on some of these? That's the part that got me.

    Alex Morgan

    Orbitlane

  • Tried one of the hero sections this morning. It took longer to pick which one I wanted than to actually integrate it 😂

    Julian Park

    Formwork

  • 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

    Softrelay

  • One of those libraries where every few scrolls you’re like “yeah, I’m using that.”

    Marcus Lee

    Fieldnote

  • One of those libraries where every few scrolls you’re like “yeah, I’m using that.”

    Marcus Lee

    Fieldnote

  • There's a surprising amount here. I came for a background effect and ended up rebuilding half the landing page.

    Ava Thompson

    Softrelay

  • 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

    Formwork

  • Wait... 0 KB JS on some of these? That's the part that got me.

    Alex Morgan

    Orbitlane

  • Love this. The components have personality without making every site look like the same template.

    Daniel Vega

    Framebase

  • 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

    Lumaform

  • Okay, this looks really nice. The interactions feel polished without being too much.

    Maya Chen

    Loomfield

  • 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
Complete library Limited-time offer
$59
Regular price$199Save $140

Every current component, block and template. One simple lifetime license.

  • 134 premium components
  • 126 complete page blocks
  • 16 production-ready templates
  • Source, install guides and AI prompts
  • Future library updates
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?

One purchase unlocks the current collection of components, blocks and complete templates, including 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.