Animated React sections and complete Next.js templates — polished, responsive, and ready to own. Start from finished work instead of rebuilding every section from scratch.
The library
Not screenshots — every block is live and animated. Install it through the shadcn-compatible registry or download the source and drop it in.
Premium editorial content blocks that pair strong narrative hierarchy with image-led metrics, capabilities, customer journeys, and supporting calls to action.
Four high-performance data table blocks with virtualized rows, fast sorting and filtering, and polished theme-native surfaces for orders, people, portfolios, and service operations.
Four premium social-proof compositions spanning a seamless marquee, rolling grid, kinetic vertical field, and staggered logo carousel.
A growing set of premium hero section variants with polished copy layout, CTA placement, and product demo framing for modern React landing pages.
Ten premium feature blocks spanning animated showcases, synced lists, staged tabs, connected benefit stories, and distinct theme-aware bento systems for product storytelling.
Premium pricing blocks across sharp, interactive, and soft editions: an aurora plan duo, flowing single card, technical command deck, live pricing ledger, upgrade carousel, usage slider, and animated plans grid.
Premium testimonial blocks across editorial and product styles: a vertical dispatch wall, dual-row marquee, rotating spotlight, masonry grid, and pinned archive.
Premium stat blocks spanning outcome stories, impact reporting, live telemetry, editorial bands, metric cards, and typographic indexes.
Premium call-to-action blocks spanning product windows, kinetic posters, portrait proof, layered shade, liquid, terminal, FAQ, and split editions, each with a distinct composition and motion system.
Premium footer blocks: a link-rich mega footer with a newsletter form and live status, a marketing CTA footer with a drifting wordmark, and a cursor-spotlight wordmark footer.
Rounded product offering sections that combine a clear value proposition, focused visual proof, a primary action, and scannable service or capability cards.
A focused multi-step form with directional transitions, morphing height, stable validation, keyboard flow, and a concise success state.
Four animated empty-state blocks with concise actions, distinct illustration styles, and theme-aware motion.
Premium chat composer variants ranging from a full agent workspace input to a compact credits-aware prompt bar.
Three trust-building sections covering recognizable compliance proof, calm security safeguards, and a clear uptime and human-support promise.
Four animated announcement compositions spanning a gradient marquee strip, a cinematic launch moment, a compact rotating ribbon, and a layered multi-update stack.
Five people-first use-case sections that help visitors recognize their role, picture a better outcome, and understand where the product fits into an ordinary day.
Premium process sections that turn an abstract workflow into a clear, animated story with visible steps and purposeful product motion.
Three animated social-proof sections spanning evidence-backed benchmarks, customer outcome stories, and an image-led customer gallery.
Three image-first gallery blocks spanning continuous vertical movement, a reshaping editorial mosaic, and an expanding focus rail.
Four responsive navbar editions: feature-panel and dropdown morphs, a scroll-expanding pill, and a restrained full-width header with an overlay mobile menu.
Premium newsletter signup blocks across editorial and product editions, with animated publication previews, stateful forms, and success morphs.
Premium contact blocks from an animated routing desk to stateful split forms and contact-method grids, designed around clear intent and response states.
Four premium integration blocks for browsing, filtering, inspecting, and connecting the tools in a product workflow.
Premium comparison blocks that turn complex product decisions into clear, confident choices across every screen.
Templates
Complete, motion-rich Next.js sites you buy once and own — deploy, restyle, and make your own.
What you get
Let your coding agent discover and use Pro blocks, install through the private registry, or download the source directly.
Real files land in your codebase — no public package. Customize freely and keep the implementation.
Get new components and blocks while Yearly is active, or keep every future update with Lifetime.
Shared easing tokens, spring physics, reduced-motion safe, transform-only for 60fps.
Everything reads on light and dark surfaces out of the box, driven by your theme tokens.
Next.js, React, Tailwind, and Framer Motion. Typed, accessible, and responsive.
Savings calculator
Adjust the time and cost of building polished sections from scratch. See the value of starting from production-ready source.
Your estimate
Use your team’s blended rate and the focused hours you expect a polished build to take.
Build time from scratch
Blended hourly cost
Estimated scratch-build cost: $12,000
Estimated savings
$11,821
after the $179 one-time access price
3.0 workweeks recovered
Based on a 40-hour workweek
Start from finished source.
Customize it and ship.
Calculator estimates the value of build time only. Your actual cost and time saved depend on your team and implementation.
Pricing
Yearly gives you premium components and animated blocks. Lifetime adds every full template, beUI Studio access, and all future updates.
Yearly
For trying Pro in real projects
Premium components and blocks, with updates for as long as your plan is active. Full templates are not included.
One payment for one year of access. No automatic renewal.
Lifetime
For builders who want everything
Everything in Yearly, plus every full template, beUI Studio access, and all future updates.
Pay once. Own forever.
Secure checkout. Instant dashboard and private registry access.
FAQs
The premium registry is being built around copy-paste ownership, not a locked black-box package.
Contact
Want a custom component, a tailored block, or a private drop for your team? Reach out — I reply personally, usually within a day.
