{"data":[{"slug":"tailwindcss","name":"Tailwind CSS","tagline":"Utility-first CSS that developers love","category":"design","url":"https://tailwindcss.com","github":"https://github.com/tailwindlabs/tailwindcss","pricing":"open-source","hook":"Tailwind is CSS for developers who hate CSS.","whatsGood":"Utility classes eliminate the naming problem. The design system is built-in. JIT compilation means only used styles ship. The plugin ecosystem extends capabilities.","theCatch":"HTML becomes verbose. The utility-first paradigm requires adjustment. Complex components need extraction. Some designers find it limiting.","verdict":"The CSS framework that made styling productive.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":97924,"starsPerWeek":208,"access":"free","archived":false,"repo":{"createdAt":"2017-10-06","pushedAt":"2026-10-16","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/tailwindcss","html":"/gems/tailwindcss","markdown":"/gems/tailwindcss.md"}},{"slug":"shadcn-ui","name":"shadcn/ui","tagline":"Copy-paste components built on Radix","category":"design","url":"https://ui.shadcn.com","github":"https://github.com/shadcn-ui/ui","pricing":"open-source","hook":"shadcn/ui is the component library you own, not install.","whatsGood":"Components copy into your codebase—no dependency to update. Built on Radix primitives for accessibility. Tailwind styling is customizable. The CLI adds components on demand.","theCatch":"You own the code, including the maintenance. Updates require manual copying. The paradigm differs from traditional component libraries.","verdict":"The component approach that makes customization natural.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active","fast-stars"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":125907,"starsPerWeek":637,"access":"free","archived":false,"repo":{"createdAt":"2023-01-04","pushedAt":"2026-10-18","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/shadcn-ui","html":"/gems/shadcn-ui","markdown":"/gems/shadcn-ui.md"}},{"slug":"radix-ui","name":"Radix UI","tagline":"Unstyled, accessible React components","category":"design","url":"https://radix-ui.com","github":"https://github.com/radix-ui/primitives","pricing":"open-source","hook":"Radix handles accessibility so you can focus on styling.","whatsGood":"Accessibility is baked in—keyboard navigation, ARIA attributes, focus management. Unstyled means complete design freedom. The API is well-thought-out. Primitives compose well.","theCatch":"Styling from scratch takes time. Learning the API requires investment. Some components have quirks.","verdict":"The accessibility foundation for custom design systems.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":19404,"starsPerWeek":59,"access":"free","archived":false,"repo":{"createdAt":"2020-06-19","pushedAt":"2026-10-14","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/radix-ui","html":"/gems/radix-ui","markdown":"/gems/radix-ui.md"}},{"slug":"framer-motion","name":"Framer Motion","tagline":"Production-ready React animations","category":"design","url":"https://motion.dev","github":"https://github.com/motiondivision/motion","pricing":"open-source","hook":"Framer Motion makes React animations feel natural.","whatsGood":"The declarative API matches React mental models. Layout animations work automatically. Gestures are built-in. Exit animations actually work. The spring physics feel right.","theCatch":"Bundle size is not negligible. Complex animations require understanding the system. Performance needs attention on mobile.","verdict":"The animation library that makes movement feel right.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":34334,"starsPerWeek":83,"access":"free","archived":false,"repo":{"createdAt":"2018-11-16","pushedAt":"2026-10-18","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/framer-motion","html":"/gems/framer-motion","markdown":"/gems/framer-motion.md"}},{"slug":"storybook","name":"Storybook","tagline":"UI component workshop","category":"design","url":"https://storybook.js.org","github":"https://github.com/storybookjs/storybook","pricing":"open-source","hook":"Storybook is where you develop components in isolation.","whatsGood":"Component development outside the app context speeds iteration. Documentation generates automatically. Visual testing catches regressions. Addons extend functionality.","theCatch":"Configuration complexity grows. Build times can be slow. Keeping stories updated requires discipline.","verdict":"Essential for component-driven development.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","sandbox","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":91331,"starsPerWeek":165,"access":"free","archived":false,"repo":{"createdAt":"2016-03-18","pushedAt":"2026-10-19","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/storybook","html":"/gems/storybook","markdown":"/gems/storybook.md"}},{"slug":"lucide","name":"Lucide","tagline":"Beautiful open-source icons","category":"design","url":"https://lucide.dev","github":"https://github.com/lucide-icons/lucide","pricing":"open-source","hook":"Lucide is the Feather Icons successor you need.","whatsGood":"Consistent style across 1500+ icons. Tree-shakeable React components. SVG-based means infinite scaling. Active maintenance adds new icons regularly.","theCatch":"Style might not fit every project. Some niches have gaps. Customization requires understanding SVG.","verdict":"The default icon set for modern interfaces.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":25140,"starsPerWeek":76,"access":"free","archived":false,"repo":{"createdAt":"2020-06-08","pushedAt":"2026-10-18","license":"NOASSERTION","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/lucide","html":"/gems/lucide","markdown":"/gems/lucide.md"}},{"slug":"panda-css","name":"Panda CSS","tagline":"CSS-in-JS with build-time extraction","category":"design","url":"https://panda-css.com","github":"https://github.com/chakra-ui/panda","pricing":"open-source","hook":"Panda CSS is CSS-in-JS without the runtime cost.","whatsGood":"Build-time extraction means zero runtime. Type-safe tokens catch errors. Recipes enable component variants. RSC compatible out of the box.","theCatch":"Different mental model from both Tailwind and traditional CSS-in-JS. Ecosystem is younger. Migration from other solutions takes work.","verdict":"CSS-in-JS for the RSC era.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":6233,"starsPerWeek":28,"access":"free","archived":false,"repo":{"createdAt":"2022-07-27","pushedAt":"2026-10-17","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/panda-css","html":"/gems/panda-css","markdown":"/gems/panda-css.md"}},{"slug":"excalidraw","name":"Excalidraw","tagline":"MIT virtual whiteboard with the hand-drawn look","category":"design","url":"https://excalidraw.com","github":"https://github.com/excalidraw/excalidraw","pricing":"open-source","hook":"Excalidraw is the whiteboard architecture reviews actually use.","whatsGood":"MIT whiteboard you can run in the browser.","theCatch":"plus.excalidraw.com is a separate commercial product for teams. This review does not treat Plus as OSS. The OSS app is a drawing surface, not a full design system.","verdict":"The MIT whiteboard. Use the OSS app; Plus is a different SKU.","addedAt":"2026-09-03","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":134134,"starsPerWeek":378,"access":"free","archived":false,"repo":{"createdAt":"2020-01-02","pushedAt":"2026-10-18","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/excalidraw","html":"/gems/excalidraw","markdown":"/gems/excalidraw.md"}},{"slug":"bento","name":"Bento","tagline":"MIT slide decks as a single HTML file","category":"design","url":"https://bento.page/slides/","github":"https://github.com/nyblnet/bento","pricing":"open-source","hook":"Bento is a slide deck you can email as one HTML file and open offline.","whatsGood":"MIT (Copyright 2026 The Bento authors). Entire deck in one .bento.html file. Offline. Agent-friendly: the artifact is the file. Bundled reveal.js stays MIT; embedded typefaces are OFL.","theCatch":"Reveal.js-based. This is slides-for-agents, not an office suite. Not BentoML and not bentonow.com.","verdict":"One-file MIT slides. Useful, small, not a productivity suite.","addedAt":"2026-09-03","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","local-first","permissive","active","young-repo"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":5513,"starsPerWeek":408,"access":"free","archived":false,"repo":{"createdAt":"2026-07-17","pushedAt":"2026-10-18","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/bento","html":"/gems/bento","markdown":"/gems/bento.md"}},{"slug":"unocss","name":"UnoCSS","tagline":"MIT instant on-demand atomic CSS engine","category":"design","url":"https://unocss.dev","github":"https://github.com/unocss/unocss","pricing":"open-source","hook":"UnoCSS is atomic CSS on-demand when Tailwind’s full pipeline feels heavy and you still want utility-class ergonomics.","whatsGood":"MIT. unocss/unocss. Instant on-demand atomic CSS engine with presets (incl. Tailwind-compatible), attributify/shortcuts, and Vite/webpack/nuxt integrations. Docs unocss.dev; npm `unocss`. Source github.com/unocss/unocss.","theCatch":"Vs Tailwind CSS (ecosystem gravity) and lightningcss (transform/minify): UnoCSS is the *engine + presets* lane, not the Tailwind company product. Preset/config choice decides whether your class names look familiar; team muscle memory may still prefer stock Tailwind docs and plugins.","verdict":"MIT atomic CSS engine. Free forever; utilities without shipping a full prebuilt sheet.","addedAt":"2026-09-13","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","license-unclear","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":18982,"starsPerWeek":72,"access":"free","archived":false,"repo":{"createdAt":"2021-09-30","pushedAt":"2026-10-16","license":"NOASSERTION","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/unocss","html":"/gems/unocss","markdown":"/gems/unocss.md"}},{"slug":"tinycast","name":"Tinycast","tagline":"Native macOS launcher — hotkeys, clipboard, Raycast extensions, under 100 MB RAM","category":"design","url":"https://abue-ammar.github.io/tinycast/","github":"https://github.com/abue-ammar/tinycast","pricing":"open-source","hook":"Tinycast is the tiny native macOS command palette that runs real Raycast extensions without Electron.","whatsGood":"AGPL-3.0 (abue-ammar/tinycast). SwiftUI/AppKit, zero third-party deps, no telemetry: launcher, per-app hotkeys, clipboard history, calculator, snippets, Shortcuts, window management, calendar join, optional local AI chat, and native Raycast extension rendering. Free tip jar via Polar; site + releases live. ★~5.7k and on GH trending — Raycast-shaped builder launcher that stays local.","theCatch":"AGPL copyleft and macOS 26+ only — not a casual App Store drop-in for older Macs or proprietary forks. Young native app with a busy issue tracker; tip-funded maintenance. Vs paid Raycast and Alfred: Tinycast is the OSS native palette with Raycast extension compatibility, not a cloud launcher SaaS.","verdict":"AGPL native macOS launcher. Use on macOS 26+ when you want Raycast-class palette without Electron; watch the license.","addedAt":"2026-09-17","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["desktop-app","self-host","copyleft","license-unclear","active","young-repo","fast-stars"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"AGPL-3.0","githubStars":8685,"starsPerWeek":540,"access":"free","archived":false,"repo":{"createdAt":"2026-06-29","pushedAt":"2026-10-19","license":"NOASSERTION","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/tinycast","html":"/gems/tinycast","markdown":"/gems/tinycast.md"}},{"slug":"flet","name":"Flet","tagline":"Apache-2.0 cross-platform GUI from Python","category":"python","url":"https://flet.dev","github":"https://github.com/flet-dev/flet","pricing":"open-source","hook":"Flet lets Python developers build cross-platform GUI apps without dropping into a separate native UI language for every target.","whatsGood":"Apache-2.0 (flet-dev/flet). A Python-first UI framework for shipping desktop, web, and mobile-shaped interfaces from one codebase, with a practical path for developers who want app UI rather than a terminal program. The project and docs are at flet.dev.","theCatch":"Vs Textual: Flet targets cross-platform graphical interfaces, while Textual is a terminal UI. Cross-platform does not erase platform packaging, runtime, or native-widget trade-offs; verify the project’s current release/support matrix before pinning a version. No unreleased 1.0 claim here.","verdict":"Apache-2.0 Python UI framework. Reach for graphical cross-platform apps, not a Textual-style TUI; verify the release surface you pin.","addedAt":"2026-09-18","featured":false,"domain":"Python","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","active"],"capabilities":["python","gui","multi-platform"],"surfaces":["Self-host"],"ecosystem":["Python","Multi-platform"],"licenseModel":"Apache-2.0","githubStars":17386,"starsPerWeek":73,"access":"free","archived":false,"repo":{"createdAt":"2022-03-24","pushedAt":"2026-10-18","license":"Apache-2.0","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/flet","html":"/gems/flet","markdown":"/gems/flet.md"}},{"slug":"json-render","name":"json-render","tagline":"Vercel Labs generative UI framework with safe predefined components","category":"libraries","url":"https://json-render.dev","github":"https://github.com/vercel-labs/json-render","pricing":"open-source","hook":"json-render lets models emit structured UI against a predefined component catalog so generative interfaces stay predictable instead of free-form HTML.","whatsGood":"Apache-2.0 (vercel-labs/json-render). Core packages cover React, React Native, Vue, Svelte, Solid, Ink, Remotion, react-pdf, react-email, Next.js, and R3F — so the same generative-UI contract can target web, native, terminal, video, and docs. The practical wedge is safe, catalog-constrained generation rather than hoping the model invents reliable markup.","theCatch":"Vs v0-style hosted generators: json-render is an OSS framework you wire into your app; quality still depends on the component catalog and schema you define. Multi-package install surface is broad — pick the target adapter you need rather than installing every renderer.","verdict":"Apache-2.0 generative UI framework from Vercel Labs. Best when agents must emit reliable UI against your components, not free HTML.","addedAt":"2026-09-20","featured":false,"domain":"Libraries","subSpecialty":"UI","subcategory":"UI","tags":["sdk","self-host","permissive","active"],"capabilities":["generative-ui","react","sdk"],"surfaces":["SDK","Self-host"],"ecosystem":["Node.js","Browser"],"licenseModel":"Apache-2.0","githubStars":18717,"starsPerWeek":470,"access":"free","archived":false,"repo":{"createdAt":"2026-01-14","pushedAt":"2026-10-13","license":"Apache-2.0","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/json-render","html":"/gems/json-render","markdown":"/gems/json-render.md"}},{"slug":"design-studio-ai","name":"Design Studio AI","tagline":"Agent-first design workspace with MCP, CLI, and shared human edits","category":"design","url":"https://studio.agentkit.best","github":"https://github.com/bestagentkits/design-studio-ai","pricing":"open-source","hook":"Design Studio AI is an open design workspace where humans and agents edit the same versioned document — web, slides, wireframes, 3D, and motion — over REST, MCP, and a CLI.","whatsGood":"MIT (bestagentkits/design-studio-ai). Live studio at studio.agentkit.best plus Docker/Cloudflare self-host. Structured layouts, design systems, BYOK generation, public snapshots, Streamable HTTP MCP with OAuth/API keys, `dsa` CLI, and an agent skill. People and agents share revision-checked writes instead of throwing screenshots over the wall.","theCatch":"Vs Stitch Skills / generic Figma MCP: this is a full self-hostable studio, not a Google Stitch plugin pack. Generation needs your own provider keys; Node 24+ and Playwright Chromium for local builds.","verdict":"MIT agent-native design studio. Use when UI/slides/3D should be a shared document agents can MCP into.","addedAt":"2026-09-21","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["mcp","cli","api","self-host","permissive","graphics-3d","active","young-repo"],"capabilities":["mcp","cli"],"surfaces":["MCP","CLI","API","Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":222,"starsPerWeek":36,"access":"free","archived":false,"repo":{"createdAt":"2026-09-07","pushedAt":"2026-10-12","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/design-studio-ai","html":"/gems/design-studio-ai","markdown":"/gems/design-studio-ai.md"}},{"slug":"diagram-design","name":"Diagram Design","tagline":"MIT agent skill for editorial HTML/SVG diagrams — 40+ layout types, brand-matched, no server","category":"design","url":"https://diagramdesign.dev","github":"https://github.com/cathrynlavery/diagram-design","pricing":"open-source","hook":"Diagram Design is an Agent Skill that makes your coding agent draw clean, editorial-looking diagrams as self-contained HTML + SVG instead of the default rounded-box Mermaid look: architecture, sequence, state machines, ER, swimlanes, Sankey, Wardley maps, Gantt, schema and more, each in light, dark and full-editorial variants.","whatsGood":"MIT (cathrynlavery/diagram-design). Free path: install as a plugin in Claude Code, Copilot CLI or Droid, pi install it, or import the skill folder into any Agent Skills host such as Kiro or Codex. Output opens straight in a browser with no build step or JavaScript. It can pull brand colors and fonts from a site you name, and redraw existing draw.io, Mermaid or Excalidraw sources. Privacy policy says no server, accounts, analytics or telemetry. Browse every type in the live gallery before installing. ★~44k.","theCatch":"It is instructions plus templates, so quality depends on the model running it, and a weak model still produces weak layouts. The look is deliberately opinionated (minimal, single accent color); if you want hand-drawn or diagrams-as-code you edit and diff, Excalidraw or D2 fit better. Generated files load fonts from Google Fonts unless you strip the link. Brand onboarding fetches the website you point it at.","verdict":"Install this if your agent writes docs or READMEs — free, local, and it makes agent-drawn diagrams look designed; just know it is a skill, not a renderer.","addedAt":"2026-10-07","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","coding-agents","skills","active","fast-stars"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":57876,"starsPerWeek":2171,"access":"free","archived":false,"repo":{"createdAt":"2026-04-16","pushedAt":"2026-10-16","license":"MIT","archived":false,"checkedAt":"2026-10-19"},"links":{"self":"/api/gems/diagram-design","html":"/gems/diagram-design","markdown":"/gems/diagram-design.md"}},{"slug":"figma","name":"Figma","tagline":"Collaborative design tool in the browser","category":"design","url":"https://figma.com","github":null,"pricing":"freemium","hook":"Figma is the browser design file the industry standardized on — and a subscription that adds up.","whatsGood":"Real-time collaboration changed design workflows. Browser-based means instant access. Developer handoff with inspect mode. Components and variants enable design systems. The plugin ecosystem extends capabilities.","theCatch":"Subscription costs add up. Adobe acquisition raised concerns. Offline access is limited. Large files can lag.","verdict":"Default for product design. Budget the seats; it is not a free Figma clone.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["free-tier","paid-led"],"capabilities":["browser"],"surfaces":["Hosted"],"ecosystem":["Browser"],"licenseModel":"Freemium","githubStars":null,"starsPerWeek":null,"access":"paid-led","archived":false,"repo":null,"links":{"self":"/api/gems/figma","html":"/gems/figma","markdown":"/gems/figma.md"}}],"meta":{"total":16,"count":16,"offset":0,"limit":null,"sort":"curated","sorts":["curated","catalog","new","stars","trending","name"],"filters":{"subcategory":"ui"},"next":null,"categories":["agents","nextjs","python","shopify","databases","devops","design","observability","rust","payments","comms","notifications","libraries"],"tags":["mcp","cli","tui","api","sdk","desktop-app","web-ui","editor-plugin","self-host","local-first","free-tier","paid-only","paid-led","permissive","copyleft","source-available","license-unclear","coding-agents","local-llm","rag","memory","evals","browser-automation","scraping","sandbox","skills","voice","security","auth","payments","realtime","postgres","vector","kubernetes","containers","observability","testing","workflows","graphics-3d","git","active","stale","archived","young-repo","fast-stars"]}}