anticraftui
A LITTLE LESS ORDINARY. A LOT MORE YOU.

Interfaces
with feeling.

Unexpected interactions for a web with character.
Original experiments. Considered motion. Free source.

Explore components
Copy the source. Make it your own.
GOOD DESIGN IS FOR EVERYONE.
React + TypeScriptFree sourceMIT licensed
Made to be yours
FIRST IMPRESSIONS, WITH FEELING / 010

A strong start.
A lasting feeling.

Four heroes. A whole new beginning.
Considered layouts for stories worth telling.

Explore the hero collection
Explore full preview
Frame Morph Hero

One composition, three perspectives. A portrait window becomes a panorama, then the whole scene, while type, crop and project details move with it.

Heroes
Explore full preview
Showreel Hero

Give a film a proper introduction. A cinematic poster, considered typography, and a native video viewer visitors choose to open and play.

Heroes
Explore full preview
Product Spotlight Hero

An image-led product configurator. Change the finish, inspect another view, and compare models with a live price and dimensions.

Heroes
Explore full preview
Editorial Hero

Oversized typography, an asymmetric image, and a clear invitation to read on. A quiet opening for studios and independent publications.

Heroes
A LITTLE FORWARD MOMENTUM01 / BUTTON STUDIES

Good things ahead.

One label. A new direction.

HOVER · FOCUS · PRESS
Arrow Capsule Button

A clear call to action with a circular arrow that slides into its next direction.

Buttons
TYPE, WITH A LITTLE PERSONALITY02 / BUTTON STUDIES

Words worth moving.

A small shift in perspective.

HOVER · FOCUS · PRESS
Rolling Text Button

A typographic button whose letters roll into place, one small detail at a time.

Buttons
LIVE PREVIEWS. GO AHEAD, PLAY A LITTLE.The whole collection
LESS FRICTION. MORE CREATION.

From a little spark
to your next thing.

A component is a starting point.
What happens next is entirely up to you.

The getting-started guide
01

Find your ingredient.

Explore the collection. Try the interactions. Find something that feels right for your project.

02

Take the source.

Add with the shadcn CLI or copy the files. The component lives in your project, ready to edit.

03

Make it unmistakably yours.

Change the colors, tune the motion, break a few rules. Every line is yours to shape.

MADE WITH CARE. SHARED WITH EVERYONE.

Good craft.
Wide open.

Beautiful components should be a head start for everyone. Anticraft UI is free and MIT licensed, for your side project and your next big launch.

Explore the source
YOUR NEXT GREAT IDEA STARTS SOMEWHERE.

Make something
worth feeling.

The details make the difference.
Let’s give yours a little character.

Find your first component Free to use. Free to change. Free to make your own.