Scroll the page to move a year by year career rail, with color coded work, school, destinations, and people you met, plus stills or clips that expand from the timeline.
The third portfolio starter, drawn from github.com/evilrabbit/lifeline, installed with shadcn init --template like the others.
Portfolio v3. A fullscreen career lifeline for a fullstack developer, with Jon Doe filler milestones, drop in photos and videos, a footer theme switcher, and a lightbox that morphs from the rail. Inspired by evilrabbit/lifeline.
A weekend event starter with brand first display type over an auto cycling WebGL color field, a ticket CTA into a multi step questionnaire register flow, and Base UI toasts on submit.
A second landing page template aimed at hackathons and ship weekends, installed with shadcn init --template like the waitlist and portfolio starters.
Landing Page v2. Full bleed WebGL glow behind a brand first hero (date badge, display title, punchline, ticket CTA), directional view transitions into /register, a multi step Questionnaire for role track and email, and ThemeProvider driven light or dark tokens for the toaster.
Blog spotlight, masonry gallery, and inverted carousel hero
The first blog section with a featured post beside a trending list, a CSS grid masonry gallery that reveals on scroll, and an inverted card hero with autoplay slides. Also release note cards, a Retro Dither CTA, static FAQ with helpfulness, a film grain footer, and masonry quote columns.
Eight new page sections spanning editorial content, social proof, and conversion.
Blog Section v1. Two column magazine layout with a large spotlight article and author avatar beside a staggered list of trending posts with thumbnails.
Gallery Section v4. Dense CSS grid masonry of mixed height photos that ease in when scrolled into view. No header copy, images only.
Hero Section v12. Large headline above an inverted rounded card split between copy with dual CTAs and a sliding photo stage with autoplay, prev next, and progress pips.
Changelog Section v2. Three card release notes with date and category rows under each title, plus a Read announcement button. Same release notes job as v1 in a card grid instead of the three column strip.
CTA Section v6. Centered workspace pitch over a Canvas UI Retro Dither frame with a single rounded full CTA.
FAQ Section v5. Stacked question and answer pairs under a last updated line, with a muted Was this helpful bar and community link at the bottom. No accordion.
Footer Section v4. Logo and brand name beside three link columns over a subtle film grain texture, with copyright and office line.
Testimonials Section v5. Badge, headline, and short intro over a three column masonry of bordered quote cards with avatars.
A Clerk powered fullscreen waitlist starter with a boiling ink print hero, plus compact three tier pricing cards with a billing switch and grouped feature lists.
The first landing page template joins the portfolio starters, installed the same way with shadcn init --template.
Landing Page v1. Fullscreen startup waitlist with a misregistered boiling display title over a floating hex tile cursor field on the left, and Clerk Waitlist (shadcn theme) on the right, including a keyless demo form until keys are set.
Pricing Section v3. Three tier cards with a monthly and yearly switch, grouped feature lists, and a centered two line headline. Same billing toggle idea as v2 in a tighter three plan layout.
A travel hero and a theme aware particle feature section
A two panel travel booking hero with a pointer driven Canvas UI Displacement image, and a features section with a left side Canvas UI ParticleObject panel that rebuilds a flat image as particles and recolors for light or dark mode.
Hero Section v11. Two panel travel hero with an integrated ACME nav, headline, and dual CTAs beside a full bleed destination image that ripples with Canvas UI Displacement on pointer move.
Feature Section v11. Left side Canvas UI ParticleObject panel that rebuilds a flat image as particles colored to match the current theme, beside a Geist Sans headline over a two by three icon and copy feature grid.
A static personal site with hardcoded notes, projects, and experience columns, wrapped in a WebGL cursor effect that trails and warps the live page in Chromium.
A different shell from Portfolio v1: no MDX, no CMS, everything hardcoded in the page.
Portfolio v2. A two column intro above a three column notes, projects, and experience layout, an avatar and copy to clipboard email, dark and light themes, and a Canvas UI liquid effect that trails the pointer and warps on screen text in Chromium.
iPhone mockup, shader testimonials, and two column FAQ
A front facing iPhone 17 Pro Max device frame with image and video screen variants, a three up shader portrait testimonials carousel, and a two column FAQ with marketing copy beside a plus minus accordion.
FAQ Section v4. Two column layout with left side eyebrow, headline, description, and dual CTAs beside a bordered plus minus accordion.
Testimonials Section v4. Centered headline with dual CTAs above a three up carousel of six customer stories, each with a Paper shader portrait and Read story link.
iPhone 17 Pro Max (w/ image). Phone mockup with a silver titanium rail, black rounded bezel, Dynamic Island, and iOS status bar over a bundled screen wallpaper.
iPhone 17 Pro Max (w/ video). Same frame with a bundled screen video.
Templates are full Next.js starters you install with shadcn init, beginning with a minimal portfolio for developers, writers and personal projects.
Templates sit next to blocks as a new install path: a complete Next.js app rather than a single section, installed with shadcn init --template.
Portfolio v1. A science themed starter for writers, set in Geist Mono for a typewriter feel, with MDX powered writing and book pages, a Saturn decoration, and a Basin contact form.
Two navbar layouts and a feature section with a hover driven wireframe preview.
A quieter text only navbar with a Resources mega menu, an Edra inspired nav that expands the hamburger in place, and feature cards that morph a wireframe on hover.
Navbar Section v9. Text brand mark, nav links, and an outline Sign in button with a full width Resources mega menu.
Navbar Section v10. Hamburger expands into a dialog card of primary and footer links.
Feature Section v10. Dashed corner accent cards next to a wireframe preview that updates on hover.
Testimonials, device mocks, and auto install media
Quote carousels and bordered testimonials, MacBook and Chrome video mocks, and block media that installs with shadcn add.
This release adds testimonials, more device mocks, and navbar and feature layouts for AI SaaS. Block images and video now install automatically with shadcn add. You no longer need to copy assets into public/ by hand.
Hero Section v8. Pixel art scene preview, brand carousel, and a centered Simple Chatbot prompt overlay.
Navbar Section v7. AI SaaS navbar with Product and Developers dropdowns and a Get started CTA.
Feature Section v7. Three column cards for agent workflows, grounded knowledge, and production deploys.
Testimonials Section v1. Horizontal quote carousel with initials avatars and chevron navigation.
Testimonials Section v2. Three column bordered quotes with serif italics, square avatars, and company wordmarks.
MacBook Pro (w/ image). MacBook Pro frame with a bundled screen wallpaper.
MacBook Pro (w/ video). Same frame with a bundled screen video.
Google Chrome (Windows, w/ video). Windows Chrome mock with video under the omnibox.
A two column hero with a live webhook stream on the right, plus the same animation as a standalone integration.
Hero Section v2. Headline on the left and a live event stream on the right, staged in with a GSAP timeline on mount.
Event Stream. Standalone version of that animation. Three webhook events type out in sequence with an edge fade, frameless so it drops into any section.