Launch with everything built. Just make it yours.
Sticky blurred header with optional lorem-demo below the install page for scroll testing.
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.
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.
Partners section with a sans-serif title and description above a static three-column logo grid of wordmarks (Nvidia, OpenAI, Grok, Perplexity AI, Claude AI, Google).
Split partners section: word-by-word GSAP heading reveal beside a framed 3x2 logo grid whose rules draw in on scroll; cells rotate between 12 dev-infra wordmarks (Vercel, Supabase, Stripe, GitHub, Clerk, Cursor, Astro, Neon, Convex, MongoDB, Sanity, Turso) with a blur swap.
Partners section for a social scheduling app: a two-column grid of large network names with icons (Instagram, YouTube, LinkedIn, X, Reddit, Bluesky, Telegram, Slack). GSAP brightens the heading word by word on scroll and fades the partners up in reading order.
Static partners section: centered heading and description above a single row of eight square icon tiles (AWS, Cloudflare, DigitalOcean, Docker, Kubernetes, GitLab, Pulumi, Grafana).
Next.js starter for a physicist and science communicator portfolio: writing, books, Saturn decoration, and a Basin contact form. New projects only (shadcn init --template next).
Static personal portfolio for a fullstack developer — notes, fictional projects, and experience. Typed TypeScript content — no CMS, no markdown. New projects only (shadcn init --template next).
Scroll-scrubbed lifeline timeline for a fullstack developer — Jon Doe filler career with fictional companies. Drop images and videos into public/ slots. New projects only (shadcn init --template next).
Bash-style terminal portfolio for a fullstack developer — Jon Doe filler career. Type about, work, resume, or help. New projects only (shadcn init --template next).
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).
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 on the Pro card (requires @vgpu/wgsl loader in next.config).
Three-tier pricing cards with a left-aligned headline, popular Pro plan, per-feature Tabler icons, and pill CTAs.
Three full-width plan cards with an inverted Basic plan, above a striped comparison table that shares the card columns so every value sits under its plan, all wrapped in one outer card.
Prompt card with rotating SaaS-style placeholders, light/dark via .dark ancestor, shadcn Button toolbar (add + voice).
Google Sheets–style SaaS subscription grid—Account, Plan, MRR, Status—with trial upgrade edit and Stripe webhook row sync.
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 value on the right, separated by horizontal dividers.
A two-tone heading (title plus muted description) pinned to the top and a 2Ă—2 grid of large stats resting just above the flat end of the curve, over an edge-to-edge growth chart that fills the section: a gray line curving up from the bottom-left above a field of fading hairline bars. Static data, no API.
A response-time stats section written for non-technical readers. The title sits on the left and a plain-language description on the right. Below them, a histogram of response times, colored green, amber and red by speed with a matching strip along the axis, has dashed lines marking the typical response time and the time 99% of requests finish under. Hovering a bar shows what share of requests finished by then and highlights the matching line. Four stats sit under the chart in a fully bordered, square-cornered grid. Static data, no API.
A support stats section with a bento grid of waffle charts. The left column has the title and description. The right column has one tile per support channel, sized by rank, with its share, wait time, and a small 10 by 10 grid. Each grid lights only that channel's squares, in the same spots they hold in the full 100, so the four grids add up to one chart. The two smallest channels show only the two rows that hold their squares, drawn at full tile width so they read at the same scale as the others. Lit squares fill in on load, then breathe in a slow diagonal shimmer. Static data, no API.
A centered title and description above a row of team portraits: the active card lies flat while the cards on either side turn slightly toward the center in 3D, and the name and title sit under the active card. Drag the row, click a neighbor, or use the arrow keys.
The same team title, description, and portraits as an index. Names sit in a list, and a greyscale portrait slides to the row you hover or reach with the arrow keys.
A centered title and description inside a circle of team portraits. The circle sizes itself to clear the heading and stretches into a tall oval on narrow screens.
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.
Split layout with a title and short description on the left and three overlapping, slightly tilted quote cards on the right, each showing the person, role, and company wordmark.