Section Blocks
23 blocks.
Drop any section in seconds.
Full-page sections — hero variants, marketing blocks, auth flows, dashboards, and more. Built with OKLCH design tokens and particle effects. One command installs the block and all its dependencies.
Installing a block
Free blocks work immediately. Pro blocks require a PARTICLEUI_TOKEN.
AI Chat Interface
FreeFull-featured AI chat UI with message bubbles, model selector, copy button, and typing indicator.
Auth — Forgot Password
FreeForgot password form with email input and reset link send confirmation.
Auth — Sign In
FreeSign-in form with email/password, Google/GitHub social buttons, and forgot password link.
Auth — Sign Up
FreeSign-up form with name, email, password, terms checkbox, and social login options.
Auth — Verify Email
FreeEmail verification screen with resend link and success state.
Bento Grid
ProAsymmetric bento-style feature grid with spotlight hover effect on each card.
Requires Pro tokenCTA Section
FreeFull-width call-to-action section with radial gradient background, meteors, and dual CTA buttons.
Dashboard — Analytics
FreeAnalytics dashboard with metric cards, recent orders table, and top pages with progress bars.
FAQ Section
FreeAccordion-based FAQ section with configurable questions and answers.
Feature — Alternating
FreeThree alternating feature rows with code previews. Left-right layout flips on odd rows.
Feature Grid
FreeBento-style feature grid with glow cards, gradient text titles, and icon badges.
Footer
FreeThree-column footer with brand tagline, link groups, legal links, and copyright.
Hero — Centered
FreeFull-width centered hero with gradient headline, typewriter subtitle, CTA buttons, beam separator, and optional meteor shower.
Hero — Split
FreeTwo-column hero with headline and feature bullets on the left, animated code preview card on the right.
How It Works
FreeThree-step process section with numbered steps, icons, and a code snippet preview.
Logo Cloud
FreeInfinite-scroll marquee of brand logos. Two rows, mirrored direction.
Newsletter Section
FreeEmail signup section with glow card, input, and submit button.
Particle Hero
ProFull-viewport hero section with animated canvas particle system, connect lines, and configurable electric color palette. Pro component.
Requires Pro tokenPricing Section
FreeThree-tier pricing table with monthly/annual toggle, feature lists, and highlighted popular plan.
Settings Page
FreeSettings layout with Profile, Security, Notifications, and Billing tabs.
Spotlight Hero
ProHero section where a radial spotlight follows the user's cursor across a grid background.
Requires Pro tokenStats Section
FreeAnimated metric counters on glow cards with a beam separator. Numbers animate on scroll.
Testimonials Section
FreeCustomer testimonial cards in a responsive grid with avatars and star ratings.