Search

Search components and blocks

Sign in

Introduction

Welcome to DitherUI

Animated React sections and complete templates, polished, responsive and ready to own. Instead of building every screen from scratch, copy a finished component or block, drop it in, and make it yours. Every one ships with motion and micro-interactions already built in.

  • ReactReact 19
  • TypeScriptTypeScript
  • Tailwind CSSTailwind CSS v4
  • Motion
  • shadcn/uishadcn/ui

New component and block drops, every week, in public

Every future component, block and template is included in your one-time payment.

X Follow @indieninad

What is inside

How it works

  1. 1

    Browse

    Open any page for a live preview, its props table and the full source.

  2. 2

    Copy

    Paste the source into your project or add it with the CLI.

  3. 3

    Own

    Edit and restyle it freely. There is no package to depend on.