Complete landing-page sections — heroes, pricing, features, testimonials, FAQs, headers and footers — ready to drop into a page.
8 components
A features section as a bento grid: five tiles with live CSS illustrations (motion curves, a theme cycling, frameworks, a typing terminal, a focus ring stepping with Tab), a shared spotlight and scroll-driven entrances.
Marketing blocks
Frequently asked questions: a large heading, an animated accordion, an optional search that narrows and highlights answers, a contact card and FAQPage structured data.
Marketing blocks
A landing-page hero: a large headline that comes into focus, a magnetic call to action, customer marks and a live product shot with a self-drawing chart, a visiting cursor and floating cards.
Marketing blocks
A monthly/yearly switch with the saving shown, three plans whose prices roll to their new value (the monthly price struck through on yearly), a full comparison table and a no-script FAQ.
Marketing blocks
A story told as you scroll: steps of text pass a pinned stage, and each visual you have read falls back into a tilted deck as the next rises into place. Works in the page or any scrolling container.
Marketing blocks
A site footer: brand and status line, link columns with growing underlines, a newsletter sign-up that draws a tick, socials, back to top and the brand set huge along the bottom, lit by the pointer.
Marketing blocks
A scroll-aware site header: a highlight that glides between links, menus with descriptions, a bar that floats into a rounded island (and can tuck away while you read), and an animated mobile menu.
Marketing blocks
Two rows of quote cards drifting in opposite directions under a headline and a stack of faces.
Marketing blocks
Why Uxelith
Accessible by default, themeable to the last pixel, and yours to change.
Three springs and four curves, shared by every component, so the whole interface moves as one.
Colours, radius and type come from the CSS variables you already use.
Next.js, Vite, React Router, Astro — anything with React and Tailwind.
One command copies plain TypeScript into your repo. No runtime, no lock-in.
Every item works from the keyboard and respects reduced motion, checked by automated tests.
FAQ
Everything you need to know before you start. Can't find an answer? Our team is happy to help.
Still have a question?
Contact usAccessible, animated React components you can shape visually, then own as plain source.
Trusted by teams at
Pro plan
$24/month
Uploading design.fig…