Skip to content
Cojeev UI
GitHub
Cojeev UI · Open-source React components

Make it
feel alive.

Explore the library160 components. Yours to make your own.
A real button. Go on, touch.
See what takes shape
A whole family of possibilities
Paused
  • Buttons that bend
  • Ideas that connect
  • Details with depth
  • Made to be yours
Small parts, bigger ideas

A little chemistry.

Pick a composition. Watch the parts find each other.

Ready to assemble
Made from the same little parts
An alphabet of organic shapes

Anything
but square.

A little character, made yours. Turn the form, cast a shadow, leave an outline behind.

Use ShapeArtwork

Choose a shape

Daisy Original SVG contours

Color

0°
45°
-18°

Take it with you.

Download a transparent SVG, or copy the React component with your exact settings.

Your SVG includes the fill, shadow and outline you choose above.
Your ShapeArtworktsx
import { ShapeArtwork } from "@/components/ui/shape-artwork";

<ShapeArtwork
  name={"daisy-12"}
  tone={"pink"}
  rotation={0}
  filled={true}
  shadow={true}
  shadowAngle={45}
  echo={true}
  echoAngle={-18}
  label={"Daisy artwork"}
  style={{ width: "100%", maxWidth: 400 }}
/>
A feeling, not just a function

Made to
move you.

Hover. Switch. Change your mind.

Meet the motion system
Thinking
One character, shared across the whole library.
Texture you can almost touch

A softer dimension.

Light catches.
Edges soften.
Ideas take shape.
Atmosphere
Bring the atmosphere with you
Our kind of interface

Human.

A little warmth in the everyday.

Connected.

Small parts. Room for your big idea.

Yours.

Open source. MIT. Make it your own.

Your turn.

Make something yours
Start with a buttonTerminal
npx shadcn@latest add https://luv-jeri.github.io/cojeev-ui/r/button.json
New project? The setup guide has you covered.Take the source