kapustin.cc430 blocks - 11 UI groups

Blocks, SaaS components, demos and the classic Kapustin design system now live behind one navigation surface.

( scroll )next.js - react - sass modules
Hero*Headers*Navigation*Features*Showcase*Galleries*Scrollytelling*Interactions*Typography*Text FX*Editorial*Content*About*Metrics*Social proof*Commerce*Conversion*Onboarding*Contact & Footers*Promo / SaaS*E-commerce*Product Hero*Product Features*Product Gallery*Product Social*Product CTA*Forms*Display*Overlays & Nav*Forms — Dates & Inputs*Forms — Pickers*Data Viz & Dev*Cards & Feed*Overlays — Advanced*Navigation Kit*Feedback*Misc & Marketing*

( blocks )

open library
01HeroOpening sections — giant type, parallax media, statements25
02HeadersAdvanced navs — fullscreen portals, docks, command-first12
03NavigationNavbars, overlay menus, footers17
04FeaturesServices, capabilities, bento grids, accordions24
05ShowcaseWork, galleries, horizontal scroll, sticky stacks21
06GalleriesImmersive image experiences — decks, orbits, lightboxes21
07ScrollytellingPinned scroll narratives — chapters, zooms, depth scenes16
08InteractionsCursor showpieces — trails, magnetics, tilts, spotlights18
09TypographyKinetic type — marquees, scrubs, statements13
10Text FXType experiments — scrambles, waves, slices, sweeps14
11EditorialMagazine layouts — covers, spreads, interviews, colophons17
12ContentBlog, editorial layouts, carousels, video18
13AboutStudio story — values, timelines, culture, locations21
14MetricsData storytelling — dashboards, charts, tickers, funnels18
15Social proofTestimonials, teams, logos, stats, awards23
16CommercePricing, FAQ, process, timelines23
17ConversionCTA sections, contact forms, newsletters22
18OnboardingAuth & activation — waitlists, signups, invite gates11
19Contact & FootersStatement contact sections + destination footers21
20Promo / SaaSProduct landing blocks — app frames, changelog, roadmap12
21E-commerceStore blocks — products, cart, checkout, lookbook12
22Product HeroCinematic product reveals — 360s, drops, colorways10
23Product FeaturesProduct storytelling — spotlights, hotspots, specs10
24Product GalleryProduct imagery — zoom lenses, swatches, unboxing11
25Product SocialHype & proof — UGC walls, press, community counters10
26Product CTABuy sections — sticky buy boxes, bundles, drops, closers10

( ui kit )

open components
01FormsInputs, selects, toggles — everything a SaaS settings page needsUI
02DisplayBadges, cards, tables, stats — dashboard building blocksUI
03Overlays & NavModals, drawers, toasts, command palette — the interactive layerUI
04Forms — Dates & InputsDate/time pickers, OTP, phone, currency, sliders, ratings, uploadsUI
05Forms — PickersCombobox, multi-select, segmented controls, wizards, swatchesUI
06Data Viz & DevCharts, gauges, heatmaps, trees, code blocks, diffs, logsUI
07Cards & FeedPricing, KPIs, user/product cards, chat, notifications, stepsUI
08Overlays — AdvancedPopovers, sheets, lightboxes, confirm dialogs, tours, snackbarsUI
09Navigation KitMenubars, sidebars, topbars, steppers, docks, chips, FABsUI
10FeedbackSpinners, skeletons, states, meters, countdowns, theme toggleUI
11Misc & MarketingTag clouds, share rows, announcement bars, TOC, filters, clocksUI

( real projects )

open kapustin.ai
Real projectKapustin.aiProduction lead-generation and AI qualification site assembled from Kapustin Blocks: hero, offers, capability rows, process, lead form and footer.2026 / kapustin.ai / blocks rework

( classic kit )

previous pages kept in component navigation
component navClassic componentsLegacy atoms, molecules, organisms and content templatessandboxPlaygroundLive token experiments and component previewstokensUI Kit settingsTheme, accent, fonts, radii and rhythm controlstemplateArticle kitLong-form editorial template and content primitives
Agency demoSaaS demoStore demo30 niche demoscomplete sites assembled from blocks