Blöcke

OTP input

A six digit verification flow with paste support and keyboard navigation.

File upload

A complete file selection flow with constraints, progress, and error feedback.

Command palette

A complete keyboard driven action surface with search, grouped results, and shortcuts.

Notification center

A home for updates with read state, grouped information, and animated disclosure.

Empty states

Four empty states in one illustration whose shapes morph between scenes as you switch tabs.

Plan comparison

Compare meaningful differences between plans and billing periods.

Comparison table

An us versus them table with a sticky header, a highlighted column, and a stacked phone view.

Changelog feed

Release notes you can filter, open in place, and scroll through month by month.

Logo marquee

A quiet, continuously moving row of brand marks with a pause control.

Sign up form

An account creation flow with field validation, password strength, and a clear completion state.

Sign in

A sign in card that morphs from email to a six digit code to your account.

Page header

A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.

Centered login

A passkey-first login card on a quiet ring backdrop that morphs through email and code.

Site header

A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.

Site footer

A website footer with link columns and newsletter, a minimal layout, and a large fading Arc mark.

Hero section

Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a drifting mesh, a workflow graph that routes sample events node by node, and editorial type over a mesh gradient.

FAQ section

FAQs as an accordion, a topic rail, or a searchable list that highlights matches.

Contact section

A validated contact form that morphs into a confirmation, support channels, and office cards with local times.

Blog grid

A blog index with a featured post, category filter, post cards, pagination and an in-place reader.

Stats band

Headline numbers that count up in view, each with a tiny visual that proves it and a context line on hover, plain or in a hairline grid.

CTA section

A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.

Newsletter signup

An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.