Blocks
Full sections and screens assembled from Kinetic components. Copy one into your app and change the copy, or import it from @kineticui/blocks.
Application
Auth, onboarding, settings, dashboards and full app shells.
Admin Users→User table with search, filters, inline role changes and a bulk action bar.
AI Workspace→Chat app with threads, streaming answers, reasoning, tool calls and usage.
Analytics Funnel→Conversion funnel with drop-off, KPIs, step inspector and source split.
API Keys→Masked keys, create dialog with scopes and env, one-time reveal and revoke.
Auth→Sign in / sign up with social providers, validation and animated mode switch.
Billing Page→Plan usage, card, monthly/yearly plan switcher and invoices.
Checkout→Contact, delivery and card payment with a live order summary and coupons.
Contact Page→Terminal contact card, contact methods and an email-style compose form side by side.
CRM Contact→Contact profile, clickable deal pipeline and an activity timeline with notes.
Dashboard→Sidebar app shell with KPIs, charts, notifications and recent orders.
Email Builder→Drag-to-reorder email blocks, inline editing, device preview and brand colour.
Invite Team→Invite by email with roles, manage members, copy an invite link.
Notification Preferences→Per-event channel toggles, channel masters, quiet hours and digest frequency.
Onboarding Wizard→Three-step setup with sliding panels and a confetti finish.
Project Board→Team board with presence, search, views and drag-and-drop Kanban.
Settings Page→Section nav, profile, toggles, billing, danger zone and an unsaved-changes bar.
Team Roles→Roles × permissions matrix with locked owner, change highlights and save bar.
Marketing sections
Heroes, features, pricing, testimonials, FAQ and footers.
About Page→Mission, animated counters, story timeline, values and hiring CTA.
Blog Index→Featured post, tag filter with sliding pill, search and an animated card grid.
Blog Post→Article with reading progress, sticky table of contents, code sample, likes and author card.
Careers Page→Mission header, perks and a filterable list of expandable job rows.
Case Study→Parallax hero, challenge/approach/result, metric chart, pull quote and sticky facts.
Changelog Page→Release cards with sticky versions, typed entries, filters and subscribe.
Call to Action→Closing CTA in a glowing, beam-bordered panel.
Docs Layout→Docs sidebar with active indicator, breadcrumbs, code tabs, feedback and prev/next.
Experience Timeline→Alternating timeline whose spine fills as you scroll.
FAQ→Searchable accordion FAQ with a contact card.
Features — Bento→Bento grid of features with live mini-visuals and cursor spotlight.
Footer — Big CTA→Statement footer with an oversized outlined brand word.
Footer — Columns→Newsletter, four link columns, socials, status, theme and language.
Footer — Simple→One-line footer with brand, links and copyright.
Hero — Centered→Announcement pill, rotating headline word, magnetic CTAs, install command and social proof.
Hero — Gradient Mesh→Shimmering headline over a slowly drifting blurred gradient mesh.
Hero — Product Shot→Large app screenshot in a browser frame that flattens as you scroll.
Hero — Split→Copy and email capture beside a tilting live product card.
Hero — Terminal→Developer hero with an auto-typing terminal and install command.
Hero — Video→Full-bleed cinematic hero with a background loop and a film dialog.
Logo Cloud→'Trusted by' wordmark marquee with faded edges.
Newsletter→Email capture card with validation and success state.
Portfolio Gallery→Filterable masonry of projects that expand into a shared-layout detail view.
Pricing→Three tiers, monthly/yearly toggle, animated prices and comparison table.
Resume / CV→One-page résumé that prints cleanly to PDF.
Roadmap Board→Public roadmap columns with upvotes that re-sort, progress and ETAs.
Team Page→Team grid of cards that flip in 3D to show bio and links.
Testimonials→Two counter-scrolling rows of testimonial cards.
Waitlist→Countdown, waitlist signup, place in line and referral link.
Screens
Error pages, inbox, file manager, commerce and account flows.
Cart→Quantity steppers, remove with undo, free-shipping progress and summary.
404 Page→Parallax digits that follow the cursor, search and helpful links.
500 Page→Glitching status code, retry countdown and copyable error ID.
File Manager→Folder tree, grid/list views, right-click actions and storage meter.
Help Center→Hero search with live results, categories, popular articles, FAQ and support CTA.
Inbox→Three-pane email client with folders, unread states and reply.
Maintenance→Spinning gear, countdown to return, progress and history.
Order History→Expandable orders with items, tracking progress, invoice and buy-again.
Order Tracking→Animated route map, stage tracker, courier card and history.
Product Listing→Shop grid with filters, price slider, sort, grid/list toggle, colour swatches and wishlist.
Product Page→Gallery, colour and size pickers, add-to-cart feedback and details.
Reset Password→Email code, verification and a new password with live rules.
Returns Flow→Four-step return: items, reasons, refund and method, then a QR drop-off code.
Status Page→Overall status, active incident timeline and 60-day uptime per service.
Two-Factor Setup→Scan a QR code, verify a code and save recovery codes.
Wishlist→Saved items with price drops, stock alerts, move to cart and undoable remove.
Widgets
Small mixed-component cards you can drop anywhere.
AI Command Palette→⌘K palette that blends commands with streamed AI answers.
Booking→Calendly-style scheduler with date, time slots and a confirm form.
GitHub Graph→Contribution heatmap with range toggle, streaks and pinned repos.
Habit Tracker→Weekly check-in grid with streaks and a completion ring.
Music Player→Spinning artwork, equaliser, scrubber, controls and up-next queue.
Now Widgets→Currently listening, reading, building and location cards for a /now page.
Order Summary→Stackable coupon codes, animated totals and a confetti pay button.
Peer Testimonials→Swipeable stacked recommendation cards with keyboard and dots.
Post Composer→Character ring, image attachments, audience and schedule.
Pricing Calculator→Seats and usage sliders, add-ons and billing period with a live total.
Skills Grid→Skill tiles with animated rings, group tabs and detail popovers.
Stock Ticker→Price, range switcher, area chart, stats and watchlist toggle.
Subscriptions→Spend by category, pause toggles and cancel with confirmation.
Team Availability→Cross-timezone free/busy grid that finds the best shared slot.
Trip Itinerary→Day tabs, timed stops on a route, packing list and travellers.
Weather→Current conditions, hourly curve and 6-day range bars.