Blocks

Modern authentication form with email/password login and SSO options for Google and Apple.

Collapsible sidebar component with logo, navigation menu, and user profile sections.

An interactive credit card display with gradient themes, masked details, copy-to-clipboard, and spotlight effect.

A card component for displaying project information with a gradient background and context menu.

A folder-like component for organizing and displaying multiple projects in a grid layout.

A contact card with expandable details in a sheet, including personal info, notes, and attachments.

An overtime rate configuration component with base hours, multipliers, and column selection.

A futuristic widget for displaying budget information with progressive blur and spotlight effects.

AI agent chat interface with tool calling, file uploads, and step-by-step execution visualization.

Collaborative comments sidebar with threading, resolve status, viewer tracking, and rich text input.

Interactive timeline view with draggable task bars for scheduling and project planning.

Interactive spreadsheet-style table with inline editing, grouping, badges, avatars, and totals.

Full site footer with link columns, social icons, compliance badges, and legal text.

Sticky/transparent header shell with logo, nav, and actions slots. Includes scroll detection.

Interactive onboarding checklist — click any row to toggle complete, with progress bar, animated check-offs, strikethrough labels, and rotating motivation copy.

Animated progress bar with logo and step counter, using spring-based transitions between steps.

Email-first sign-up form with social login buttons for Google and Apple.

OTP verification code input with auto-advance, paste support, and animated error shake.

Profile setup form with avatar upload, first/last name inputs, and email display.

Workspace setup form with logo upload, company name, handle preview, plan selection, and role dropdown.

Referral source selector with icon tag buttons, multi-select support, and optional text input.

Keyboard-navigable single-choice selector with letter badges and highlight on selection.

Team invite form with dynamic email inputs and an add-more button.

Welcome completion screen with overlapping workspace/user avatars and contextual message.

A styled FAQ section with expandable accordion items, custom plus/minus icons, and configurable heading.

An auto-advancing testimonial carousel with animated transitions, star ratings, avatar attribution, and progress dots.

A live notification feed with spring-animated items that push in from the top. Perfect for social proof, activity feeds, and real-time dashboards.

An infinite-scrolling logo marquee with edge-fade mask and optional stats row. Perfect for social proof sections.

A responsive pricing section with billing toggle, plan cards, enterprise callout, and collapsible add-ons.

An infinite-scrolling poster/image marquee with edge-fade blur. Ideal for showcasing movie posters, client work, or portfolio pieces.

Motion-powered scroll reveal wrapper with fade, slide, and scale variants. Includes stagger support for lists.

A family of 3 feature section variants (Split, Stacked, Cards) that share a common data interface. Mix and match across pages for visual variety.

Animated page header with title and description for directory/index pages.

Search input with animated filter pills and sort dropdown for content directory pages.

Before/after comparison with two staggered animated columns. Great for 'Without X / With X' marketing sections.

Infinite diagonal scrolling marquee with multiple rows of image cards moving in alternating directions.

An infinite-scrolling vertical feed of activity/transaction cards with status badges. Great for fintech, SaaS dashboards, and social proof sections.

Browser-chrome mockup of a project management app with sidebar navigation, project card grid, and user avatar.

Browser-chrome mockup of a budgeting spreadsheet with icon sidebar, tagged rows, and variance bars.

Browser-chrome mockup of a contacts table with color-coded avatars, type/category tags, and multi-column layout.

Browser-chrome mockup of the Saturation Pay funds management app with dual sidebars, balance panel, sparkline chart, project allocations, and transaction history.

Interactive keyboard visualization with auto-cycling shortcut highlights, clickable pill buttons, and neumorphic key styling.

A grid layout for showcasing product features with background illustrations, hover-reveal CTAs, and flexible column spans.

Connections panel for managing transaction sources (Plaid bank accounts, Saturation Pay, Saturation Credit) and outbound destinations (QuickBooks, and upcoming NetSuite, Xero, Google Sheets). Includes inline QuickBooks configuration with account, category, and project mappings.