Craft Better Interface

A growing library of Blocks, Sections, Illustrations, UI components, Designs, Loaders, and Interactive icons built with React , Tailwind, and Framer Motion.

Every component ships as readable source you can copy straight into your project. No package to install, no design system to adopt. Take what you need and make it yours.

Blocks

Self-contained pieces of interface with the interaction already designed. Drop one in your project directly.

Sections

Full-width page sections ready to stack into a landing page. Bring your copy and images, the layout is done.

Illustrations

Animated SVG artwork for the places a page needs a picture. Drawn by hand and built to move on its own.

UI Components

The everyday building blocks of an interface, rebuilt around motion keeping interactions in mind.

Designs

Finished compositions to study and reuse compositing type, spacing and colour held together.

Loaders

Waiting states worth watching. Lightweight SVG animations you can recolour, resize and drop directly.

Icons

Icons that respond to what the user does. Each one animates from the state you pass in, not on a timer.

Meet the creator

Github (Open Source)

— stars

Star the repo

Components to make your UI shine

Each icon, loaders and illustrations are designed to be interactive, engaging, and visually appealing. Explore the showcase below to see how these elements come to life in real-world applications.