Search

Search components and blocks

Sign in

Feature Blocks

Show what your product does โ€” with the feature itself, not just words about it.

Feature Dither

Three square-cornered feature cards joined by hairlines. Hover a card and a dithered spotlight in its accent color (emerald, amber, sky) springs up under the pointer, follows it around the card, and shrinks away when you leave. It is drawn faint and fades to nothing at its edge, so the copy stays readable. Cards blur and rise in with a stagger as they scroll into view. Sample copy is for Muse, a fictional reasoning AI.

pnpm dlx shadcn@latest add @ditherui/feature-dither

Everything you need to think clearly

Three things Muse does differently, so the answer is one you can use.

01

Reasoning you can read

Every answer comes with the steps behind it, so you can follow the logic instead of taking it on faith.

Learn more
02

Citations on every claim

Facts link back to their source the moment they appear. Click through, check it, move on.

Learn more
03

Fast enough to stay in flow

First words land in under a second, so a good idea never has to wait for the tool.

Learn more

Install

$ pnpm dlx shadcn@latest add @ditherui/feature-dither

Props

className / ...div propsReact.ComponentProps<"div">โ€”

Suggested components