oh-my-design installs design system references and skills into AI coding agents. One command adds 440+ company design references, 28 skills, and 20 specialist roles to Claude Code, Codex, Cursor, and OpenCode. Produces a portable DESIGN.md with philosophy, tokens, and component contracts.
Open source. Open possibilities.
Discover quality open-source projects, submit projects anonymously, and claim and edit your own project.
A little curiosity. A world of open source.
THE FIRST COLLECTIONMagic UI is an open-source UI library providing animated components and effects designed for design engineers to copy and paste into their applications.
A 3D architectural editor built with React Three Fiber and WebGPU, supporting node-based scene editing, real-time rendering, undo/redo, and plugin extensibility.
Cult UI is an MIT-licensed collection of accessible, customizable components styled with Tailwind CSS and compatible with shadcn. It emphasizes copy-and-paste integration and also bundles AI agent patterns, premium blocks, and starter templates.
Skeleton is an adaptive design system built on Tailwind CSS. It provides turnkey components for popular web frameworks, along with documentation, a theme generator, and community channels.
ImageCropKit is a privacy-first browser image cropper built with Next.js and the Canvas API. It handles single and bulk crops, aspect-ratio and platform presets, circle/oval shapes, and AI dataset sizes, exporting PNG, JPG, or WebP with no upload, signup, or watermark.
Tinte compiles a design system into an Agent Plugin: it extracts an identity from a reference, emits SKILL.md plus tokens.css, and lints colors that bypass the tokens. The same config also outputs shadcn presets, editor themes and terminal color schemes.
shadcn/ui is an open-source collection of customizable, accessible UI components distributed through a code distribution platform, intended as a starting point for building your own component library and compatible with popular frameworks.
Design Oracle analyzes a website with Playwright and extracts its design system—colors, typography, spacing, components and UX patterns—then exports Tailwind v4 config, React JSX, JSON design tokens or a DESIGN.md report. It runs standalone or as an MCP server for AI agents.
coss.com/ui is the official design system of Cal.com — a TypeScript monorepo of React components built on Base UI and styled with Tailwind CSS, intended to be copied, pasted and owned, alongside the docs site and a legacy Origin UI snapshot.
A Next.js, TypeScript, and Chakra UI starter that demonstrates embedding a p5.js sketch with react-p5, including app-wide theming and deployment guidance.