Blocks

Email and password login form with social sign-in options

Registration form with name, email, password fields and terms agreement

Forgot password form with sent confirmation state

6-digit OTP input with auto-focus and backspace navigation

Passwordless login with email magic link and sent confirmation

An asymmetric bento grid with 5 cells of varying column and row spans.

A magazine-style bento grid with image placeholder areas and text overlays.

A dark-themed inverted bento grid using bg-foreground and text-background tokens.

A minimal border-only bento grid with zero-gap shared borders and editorial typography.

A classic centered CTA section with bold heading, description, and two action buttons.

A two-column split CTA with text and benefits on the left, visual placeholder on the right.

A full-width gradient CTA section with primary background and inverted button styling.

A contained card CTA centered on a muted background with heading and action button.

A slim horizontal announcement banner with text and dismiss button.

A standard FAQ section using shadcn Accordion with collapsible question-answer pairs.

A two-column FAQ grid layout with questions and answers in a clean open format.

A single-column centered FAQ list with large question text and separator dividers.

A FAQ list with a sticky contact CTA sidebar card for additional support.

A responsive grid of feature cards with icons, titles, and descriptions.

A bento-grid layout showcasing features with varied card sizes and visual hierarchy.

A horizontal row of icon-led feature highlights with short labels and descriptions.

Alternating left/right feature sections with image, badge, heading, and description.

A side-by-side feature comparison table with checkmarks and cross indicators.

An interactive spotlight feature section with mouse-following highlight effect on cards.

A set of elevated feature cards with icon, title, description, and hover effects.

A masonry-style layout of feature cards with varying heights and visual interest.

A minimal footer with logo, copyright text, and a small set of navigation links.

A multi-column footer with grouped navigation links, logo, and separator divider.

A footer with an email newsletter signup form, input field, and separator divider.

A footer focused on social media links with icon buttons and separator divider.

A comprehensive sitemap footer with categorized links, badge labels, and separator divider.

A placeholder block for testing the registry pipeline.

A fullscreen hero section with centered content, badge label, and CTA buttons.

A split-layout hero with text on one side and an image or graphic on the other, with badge and CTA.

A hero section with an animated gradient background, bold headline, and CTA buttons.

A hero section with a looping video background, overlay, headline, and CTA buttons.

A hero section with a decorative illustration or SVG graphic, badge, headline, and CTA buttons.

A bento-grid style hero section with feature cards, badge label, and CTA buttons.

A hero section with an animated typewriter text effect, badge label, and CTA buttons.

A hero section with an animated particle canvas background, badge label, and CTA buttons.

A static grid of logo placeholders with hover opacity transitions.

An auto-scrolling CSS marquee of logo placeholders with gradient edge fades.

A logo cloud with trust headline, category badges, and logo grid.

A large-format logo grid with card containers and hover opacity effect.

A sticky navbar with scroll-triggered backdrop blur, mobile Sheet menu, and semantic color tokens.

A transparent navbar that transitions to a solid background on scroll, with mobile Sheet menu.

A full-width mega menu navbar with NavigationMenu dropdowns, accordion mobile nav, and Sheet drawer.

A pill-shaped floating navbar with rounded corners, mobile Sheet menu, and semantic color tokens.

A bordered navbar with search input, avatar dropdown, badge notifications, and mobile Sheet menu.

A sidebar-style navbar with avatar user menu, separator dividers, and mobile Sheet drawer.

A classic pricing section with tiered plan cards, feature lists, and CTA buttons.

A pricing section with a monthly/annual billing toggle switch and dynamic price display.

A detailed pricing comparison table showing features across all plans.

A horizontal pricing layout with plans displayed side by side in a single row.

A clean minimal pricing section with a single highlighted plan and simple feature list.

An enterprise-focused pricing section with custom quote CTA, feature highlights, and badge tiers.

A responsive grid of testimonial cards with avatar, name, role, and quote.

A sliding carousel of testimonial cards with prev/next navigation buttons.

A masonry-column layout of testimonial cards with varying quote lengths.

An auto-scrolling marquee of testimonial cards for continuous social proof display.

A large featured testimonial section with a prominent quote, author details, and supporting cards.

A video testimonials section with play-button cards, thumbnails, and quote overlays.