@uiception

Local-first image and video URL resolution with extension-flexible overrides for uiception blocks.

Two-column hero with headline on the left, live event-stream animation on the right, and a brands marquee strip below. GSAP timeline animates each section on m…

Centered hero with badge, headline, CTA, and an embedded animated chat preview (messages, typing, suggestions).

Full hero block: two-column headline/CTA, brands marquee strip, and animated macOS terminal integration demo.

Infinite marquee of brand logos rendered as a seamless row of borderless-radius cards—full border container, no gaps, shared dividers between slots.

Logo grid: muted icons, hover reveals brand color, inset border, flickering grid, and label.

Logo grid: brand colors always active, inset border, flickering grid always on, and label always visible.

Editorial All Articles layout with a featured Spotlight post (image, headline, author) and a Trending list of three compact articles.

Two-column editorial layout with a sticky author sidebar (square photo, label, name, title, GitHub) and two title/description/image/body content sections.

About us section with an eyebrow label, heading and intro copy, two feature highlight cards, and a full-width stats strip.

Compact brands strip with a trust label and an infinite marquee of AI brand logos with light/dark mode support (Nvidia, OpenAI, Grok, Perplexity AI, Claude AI,…

Boxed brands strip with a 'Trusted by 5000+ Top companies' header, greyscale logos, and a fast infinite marquee — no blur edges.

Security trust strip with a centered mono uppercase label above an infinite marquee of authentication brand logos (Clerk, Better Auth, WorkOS, Keycloak, Bitwar…

Serif headline with dual row infinite pill marquees of dev and infra logos scrolling in opposite directions, with edge fades and a footer link.

Two-column layout with headline, description, and CTA on the left, and four vertical infinite-scrolling logo marquee columns on the right with alternating up/d…

Titleless infinite marquee of brand wordmarks in muted monochrome, with edge fades.

Stacked brands section with a title, a wrapping color logo strip, and a muted closer.

Sticky blurred header with optional lorem-demo below the install page for scroll testing.

Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobile sheet navigation.

Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobile sheet navigation.

Fixed bottom centered dock nav with frosted pill container, hairline active indicator, responsive links, and primary CTA.

Sticky top centered dock nav that shrinks from max-w-6xl to max-w-5xl on scroll, with frosted pill, two-column desktop layout, and mobile sheet menu.

Centered mono uppercase nav with Solutions dropdown, external Docs link, and default-radius CTAs.

AI SaaS navbar with Product and Developers hover dropdowns, uppercase links, and Get started CTA.

Altitude-inspired 3-column navbar with logo left, animated underline nav links center, and CTA button right.

Two-column navbar with text-only brand left, nav links and outline Sign in CTA right, and a full-width Resources mega menu with 3-column labeled links.

Edra-inspired two-column navbar with logo chip and hamburger that expands in-place into a dialog card with primary and footer links, plus a Sign up CTA.

macOS Terminal window mock with zsh prompt, typed CLI demo, and shadcn install output—ideal for integrations and developer tooling sections.

Frameless cycling JSON animation—three webhook events type out in sequence with edge fade, no borders, no syntax colors, designed to embed in any section.

VS Code / Cursor panel mock with PowerShell prompt and a typed shadcn add flow for the hero-section-v1 registry block.

Two-column CTA block with headline and description on the left, dual action buttons on the right, and a full-width background image frame below.

Centered CTA block with oversized headline and a single square-corner download button with right-side icon.

Single-panel CTA with a full-bleed Paper Dithering (warp) shader behind the headline, supporting line, and primary / outline buttons.

Full-width grain shader CTA with centered title and button.

Centered muted-background CTA with a headline, supporting description, and a rounded pill button.

Bordered centered CTA with Canvas UI Retro Dither pointer lens and product-focused copy.

Muted rounded footer with brand copy, four link columns, and a bottom row with Instagram and TikTok links.

Card-wrapped footer with five link columns: Product, Resources, Company, Legal, and Connect.

Card-wrapped footer with five link columns and a Privacy / Terms bottom bar. No hover icons on links.

Spacious footer with the uiception logo lockup, three link columns, a noise texture overlay, and bottom-left copyright and office lines.

Simulated AI chatbot with animated typing, message bubbles, a three-dot thinking indicator, and a looping Q&A exchange. No avatars — pure bubble UI.

Prompt card with rotating SaaS-style placeholders, light/dark via .dark ancestor, shadcn Button toolbar (add + voice).

Three-step process section with accent-colored heading prefix, top-border step numbers, and staggered IntersectionObserver entrance animation.

Timeline-style three-step process section with a GSAP ScrollTrigger beam that travels between week badges as you scroll, revealing each step.

Cream-toned six-cell grid with line-art SVG icons, monospace titles, and NO. indexes below sharp-cornered muted cards.

Four-card feature grid with uppercase titles, descriptions, unique x.ai–style SVG illustrations, and scroll-triggered entrance animations per card.

Centered hero with headline, description, dual CTA buttons, and a stats section with five-star rating below.

Centered hero with headline, description, CTA, and an embedded simple chatbot prompt card with animated typing placeholder.

Centered hero with headline, description, two CTA buttons, a product screenshot, and a brands marquee strip below.

Centered hero with serif headline, mono description, Monad-style flip pill CTAs, animated food-delivery demo, and authentication brands marquee.

Centered hero with headline, description, CTAs, pixel-art scene preview, brand carousel social proof, and centered Simple Chatbot prompt overlay.

Centered hero with headline, description, dual CTAs, and a simulated live product preview dashboard with ticking metrics, streaming activity chart, and workflo…

Centered hero with finance-focused headline, description, and a single request demo CTA.

Two-panel travel hero with integrated ACME nav, dual CTAs, and a full-bleed destination image with Canvas UI Displacement on pointer move.

Sans headline above a split product card: Atelier brand-kit copy with default/outline pill CTAs, plus a 6-slide poster panel with crossfade zoom transitions an…

Centered five-star rating row with a taupe star fill and a social-proof label beneath.

Live npm download stats for 6 infra brands — Supabase, Convex, Vercel, Neon, Upstash, Turso — with a combobox-driven trend chart and brand colors.

Left-aligned stats section with an eyebrow label, large heading, and full-width stat rows showing a description with info icon on the left and an oversized val…

Tabbed package-manager code block with npm/pnpm/yarn/bun switcher, syntax-highlighted command output, and a one-click copy button.

Google Sheets–style SaaS subscription grid—Account, Plan, MRR, Status—with trial upgrade edit and Stripe webhook row sync.

macOS Google Chrome window mock with tab strip, omnibox, bookmarks bar, and Google new-tab preview (light/dark) in the viewport.

Windows Google Chrome window mock with title-bar tabs, Win32 controls, omnibox with Google G, and Google new-tab preview (light/dark) in the viewport.

Windows Google Chrome mock with bundled screen video under the omnibox; swap /videos/blocks/... or pass videoSrc on the base component.

Front-facing MacBook Pro device frame with display bezels, notch, and base—empty transparent screen by default; optional children slot.

Example MacBook Pro mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.

Example MacBook Pro mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.

Front-facing Apple Studio Display device frame with slim black bezel, aluminum stand, and foot - empty transparent screen by default; optional children slot.

Example Mac Studio Display mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.

Example Mac Studio Display mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.

Front-facing iPhone 17 Pro Max device frame with silver titanium rail, black rounded bezel, Dynamic Island, and iOS status bar - empty screen by default; optio…

Example iPhone 17 Pro Max mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.

Example iPhone 17 Pro Max mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.

macOS Google Chrome mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.

macOS Google Chrome mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.

Windows Google Chrome mock with bundled screen image under the omnibox; swap /images/blocks/... or pass children on the base component.

Three-column changelog section with monospace dates, entry titles, and excerpts, plus a 'See all releases' link.

Left-aligned changelog section with three bordered cards, each pairing a title and description with a date/category mini-table and a 'Read announcement' button.

Two-column changelog with a bracket timeline of long-form dates on the left and, on the right, entry title, description, and a contributor avatar group; entrie…

Changelog log layout: each date group opens on a horizontal rule instead of a timeline rail, with entries listed underneath by title, description, and a contri…

Minimal centered FAQ with a simple headline and clean divider accordion.

Minimal centered FAQ with a simple headline and clean divider accordion.

Dark-background FAQ with a serif headline, italic subtitle, numbered rows, and chevron accordion.

Two-column FAQ with left marketing copy and CTAs, plus a plus/minus accordion on the right.

Top-down, docs-style FAQ list with a last-updated date and a was-this-helpful item at the end.

Two-column FAQ with a large pixel-font title on the left and a custom dashed-ruled accordion table on the right.

Left-aligned client quotes in a horizontal carousel with accent dividers, initials avatars, and bottom-left chevron navigation.

Three-column bordered quotes with serif italic text, square avatars, and company wordmarks.

Four-card bento grid of success stories with company wordmarks, quotes, name and role, and Read story links.

Centered headline with dual CTAs above a three-up shader portrait carousel of six customer stories with grouped navigation.

Centered badge, headline, and description above a masonry wall-of-love grid of quote cards with avatar and name.

Borderless portrait cards with a white company wordmark over the photo, a short description, and a round button that opens the story in a new tab.

Roomy headline with numbered tags on key phrases, plus three theme-aware SVG feature illustrations for funnel health, friction, and experiment impact.

Industrial-style three-card feature grid with uppercase heading, blank top card placeholders, and compact data-first copy.

Centered sans headline with a storytelling bento grid of four static cards, balanced title and body typography on muted surfaces.

Centered headline with a uniform 2×2 grid of four feature cards—title and body on each tile over a full-bleed black-and-white Paper Warp (checks) shader bac…

Three-column AI platform section with agent workflows, grounded knowledge, and production deploy copy, bordered cards with corner marks, and outline pill CTAs.

Centered automation headline with an Incharge-style bordered feature grid—four cards with dot-pattern slots and copy-driven product mocks in square frames.

Platform capabilities section with a left-aligned serif headline, eyebrow label, and four-column feature grid—Phosphor icons centered over per-card GrainGradie…

Two-column SaaS feature section with dashed corner-accent cards and a morphing wireframe preview that updates on card hover.

Two-column features section with a left Canvas UI ParticleObject flat image effect, Geist Sans title, and a 2×3 icon feature grid.

Four-tier pricing grid with plan highlights, feature lists, and primary call-to-action buttons.

Four-tier pricing grid with a monthly/yearly billing toggle, per-tier feature lists, and card-based layout.

Three-tier pricing cards with a monthly/yearly switch, grouped feature lists, and centered two-line headline.

Three equal-height muted pricing cards with features listed outside the card, a Pro credit dropdown that updates the price, and a subtle WebGPU fluid backdrop …

Ten side-by-side gallery panels with hover expansion, focus framing, and vertical indicator lines within a dedicated canvas area.

A 3×3 image grid with grayscale-to-color hover transitions, uniform aspect ratios, and mono font captions below each card.

A centered painting-gallery intro with a five-tile asymmetric bento grid and hover overlays for title, notes, and price.

A responsive CSS-grid masonry gallery with varied tile heights and a quick blur-in reveal as each tile scrolls into view, no title or copy — just the grid.

Next.js starter for a physicist and science communicator portfolio: writing, books, Saturn decoration, and a Basin contact form. New projects only (shadcn init…

Static personal portfolio for a fullstack developer — notes, fictional projects, and experience. Typed TypeScript content — no CMS, no markdown. New projects o…

Scroll-scrubbed lifeline timeline for a fullstack developer — Jon Doe filler career with fictional companies. Drop images and videos into public/ slots. New pr…

Bash-style terminal portfolio for a fullstack developer — Jon Doe filler career. Type about, work, resume, or help. New projects only (shadcn init --template n…

Left-column about and projects over a WebGPU Optimized Black Hole background — Jon Doe filler. New projects only (shadcn init --template next).

Centered CV portfolio for a fullstack developer — About and Writing, same Jon Doe career data as v3. New projects only (shadcn init --template next).

Fullscreen startup waitlist — monochrome ink-print hero with a boiling misregistered display title and floating hex-tile cursor effect on the left, Clerk's <Wa…

Event landing hero — brand-first display type over a WebGL color-field glow (noise warp, mouse pull, auto-cycling palettes), staggered blur reveal, mono meta, …

Coming-soon countdown — a wide Solari split-flap board for Acme 2.0 where the headline, name, and live days/hours/minutes/seconds all live inside the grid as a…