design-engineer × Files & Code

Curated collection of 4 design-engineer libraries in Files & Code. Explore component breakdowns, GitHub sources and live interactive demos.

editorcn — Headless rich text editor components for React, built on Tiptap and shadcn.

editorcnFiles & Code

Headless rich text editor components for React, built on Tiptap and shadcn.

ogimagecn — Dynamic Open Graph image components and generator using Satori and shadcn.

ogimagecnFiles & Code

Dynamic Open Graph image components and generator using Satori and shadcn.

shieldcn — GitHub README badges and status shields styled with clean shadcn aesthetics.

shieldcnFiles & Code

GitHub README badges and status shields styled with clean shadcn aesthetics.

termcn — Terminal UI components for React, built on Ink, OpenTUI, and shadcn conventions.

termcnFiles & Code

Terminal UI components for React, built on Ink, OpenTUI, and shadcn conventions.