Search

Search components and blocks

Sign in

15 block pages

Blocks

Copy-paste compositions of the components for real product screens.

  • Dialog Blocks

    Ready-made dialogs: cookie preferences, tool approval, theme picker and more.5 variants
  • AC

    Ava Chen

    Product Designer

    30 min intro call
    November 2026

    Thursday, Nov 5

    Select a date and time

    Schedule Blocks

    Booking and scheduling layouts with animated time slots.4 variants

  • Create an account

    Start building with DitherUI in seconds.

    or continue with email

    Already have an account? Sign in

    Auth Blocks

    Sign-in, sign-up and join cards.5 variants

  • 0

    Active Agents

    +3 today

    0

    Tasks Completed

    +18% this week

    0

    Failed Tasks

    No significant change

    0.0K

    Tokens Used

    82% of monthly quota

    Card Blocks

    Meeting, connector and score cards to drop into dashboards.5 variants

  • January 1970

    MeetingDesignPersonalDeadline
    Sun
    Mon
    Tue
    Wed
    Thu
    Fri
    Sat

    Calendar Blocks

    Event calendars with color-coded entries.2 variants

  • No projects yet

    Projects you create will show up here. Start with a blank one or import from a template.

    Empty State Blocks

    Friendly empty states with a clear next step.1 variant

  • Your clipboard,with a memory.

    Clipwise keeps everything you copysearchable from your menu bar. Press ⌘⇧Vto paste anything from the last 90 days.

    Free 14-day trial · Requires macOS 13 or later

    Hero Blocks

    Landing hero sections with motion built in.4 variants
  • invoice
    • Invoice #2041 — PDF
    • billing@acme.co
    • Pay invoice by Friday

    Find anything instantly

    Search every text, link and image you've copied. Results narrow as you type.

    V

    Paste from history

    Press one shortcut anywhere on your Mac to pick from your last 90 days of clips.

    Password vault

    Never recorded

    Banking app

    Never recorded

    Private notes

    Recording

    Private by default

    Everything stays on your device. Tell Clipwise which apps to never record.

    Feature Blocks

    Feature grids and isometric highlights.3 variants

  • Create a workspace

    Free for teams of up to five. You can invite people once it's set up.

    Name your workspace

    This is how your team will find you. We'll turn it into an address you can change on the next step.

    teamly.app/yourteam
    NameDescriptionTeam type
    0/3 floors built

    Form Blocks

    Polished forms with inline validation feedback.1 variant

  • FAQ

    Questions, answered.

    The things people ask before they set up their first monitor. Anything else, we reply within a day.

    Talk to support

    • Every 30 seconds on paid plans and every 5 minutes on Free. A failing check is retried from a second region before anyone is paged, so a single network blip never wakes you up.

    FAQ Blocks

    FAQ sections whose answers unblur open on a morphing card.2 variants

  • How is it going?

    Pick the face that fits. It takes ten seconds.

    Feedback Blocks

    Ask people what they think: a mood-and-note card and an inline thumbs vote.2 variants

  • Search Blocks

    Search that opens a results tray and animates while it looks.2 variants

  • From the blog

    Notes on design, engineering and shipping.

    Designing motion that feels inevitable
    Design6 min

    Designing motion that feels inevitable

    Springs, easing and the small details that make an interface feel alive instead of animated.

    Sep 28Read
    How we built a shared-layout tab bar
    Engineering8 min

    How we built a shared-layout tab bar

    A walkthrough of layoutId, spring tuning and why the pill never teleports.

    Sep 21Read
    Shipping agents your users can actually trust
    AI7 min

    Shipping agents your users can actually trust

    Progress, approvals and honest status lines: the UI patterns behind reliable AI agents.

    Sep 14Read
    Roadmap: what is landing this quarter
    Product4 min

    Roadmap: what is landing this quarter

    New blocks, a faster docs site and a handful of templates you have been asking for.

    Sep 09Read
    Color systems that survive dark mode
    Design5 min

    Color systems that survive dark mode

    Tokens first, hex never. How we keep every component themeable from one stylesheet.

    Aug 30Read
    Streaming UI without the jank
    Engineering9 min

    Streaming UI without the jank

    Batching state, stable keys and cheap animations for long-running generations.

    Aug 22Read

    Blog Blocks

    Article cards and blog layouts.3 variants

  • Site tracker

    API, SEO and traffic at a glance

    API uptime0.03%

    0.00%

    2.9M requests
    SEO score5%

    0/100

    5 issues open
    Visitors3.1%

    0.0K

    of 70K weekly goal
    Error budget left8%

    0%

    6.2 min downtime

    Analytics Blocks

    Charts and uptime panels for analytics pages.4 variants

  • Agent Ops

    How your fleet of agents is doing

    Agent runs

    0

    8.4%
    Success rate

    0.0%

    0.6%
    Avg latency

    0.0s

    4.2%

    Runs by agent

    Succeeded vs. escalated to a human

    6004503001500
    42038
    26022
    34061
    1809
    51074
    1506
    39027
    TriageResearchCoderBillingSupportSchedulerRouter

    Token usage

    Thousands of tokens

    $107
    Input 47kOutput 18k
    00h02h04h06h08h10h12h14h16h18h20h22h

    Active agents

    Pause, resume or approve work as it happens

    2 running
    • Triage Agentrouter-v2

      Classifying 14 new tickets

      Running72%
    • Research Agentscout-v1

      Summarizing 6 vendor docs

      Running45%
    • Coder Agentforge-v3

      Waiting on review for PR #482

      Needs review100%
    • Billing Agentledger-v1

      Reconciling March invoices

      Paused88%
    • Schedulerclock-v1

      Idle until the 14:00 run

      Idle0%

    Dashboard Blocks

    Full-page app shells assembled from the components.1 variant