Command Palette
Search for a command to run...
open source(47)
tagged resources
open source Resources
Better Design
newDesign MCP server and shadcn/ui registry that gives coding agents design tokens, UI principles, component code, icon direction, and accessibility review rules.

Blender: Empower Your 3D Creativity for Free
Blender is a free, open-source 3D creation suite that covers the entire pipeline — modeling, sculpting, animation, VFX, compositing, and video editing. Backed by a massive community and regular updates, it's become a serious alternative to expensive commercial 3D software.

Bootstrap UI Kits: Elevate Your Design Workflow & Efficiency
Bootstrap remains one of the most widely used CSS frameworks, and its UI kit provides responsive grid systems, components, and utility classes that work out of the box. These examples showcase Bootstrap's component library for rapid prototyping and production-ready interfaces.

Carbon Design System: Elevate Your Design Workflow for Free
Carbon is IBM's open-source design system providing production-ready React and Web Components, Figma kits, design tokens, and comprehensive guidelines. Built on the IBM Design Language, it's a mature, well-documented system ideal for enterprise applications.

Clickons: 500 Open Source Icons for Designers
Clickons is a free, open-source set of 500 minimal line icons designed by Craftwork. The consistent stroke weight and clean geometry make them a solid choice for UI projects that need a simple, modern icon set without the overhead of a massive library.

Comprehensive Toolkit for Developing Figma Plugins and Widgets
create-figma-plugin is an open-source toolkit for building Figma plugins and widgets with TypeScript. It provides project scaffolding, Preact UI components matching Figma's design, bundling with esbuild, and utilities for the plugin API — the most complete development environment for Figma plugin authors.

CopilotKit
Open-source framework for building Generative UI — AI-generated interfaces that adapt in real-time based on user context and intent. Supports static (AI selects components), declarative (structured JSON specs), and open-ended (full surface generation) patterns. The infrastructure layer for GenUI design systems.

Counterpunch
newBrowser-based variable font editor with real-time complex-script shaping, outline tools, Python scripting, and local font data. Built for designing and testing multilingual type systems.
CSS GG: 700+ Customizable Icons for Developers
CSS.gg provides 700+ minimalist icons built entirely with pure CSS — no SVG, no fonts, no images. They're lightweight, easily customizable via CSS custom properties, and available as npm packages. Ideal for developers who want tiny, performant icons.
Design Systems MCP Server
newMCP server that lets AI assistants search curated design system knowledge, including WCAG, ARIA, W3C standards, and major public design systems.
DESIGN.md: design system format for coding agents
newOpen-source format from Google Labs that describes a design system to coding agents. Combines YAML design tokens with markdown rationale in one file, plus a CLI to lint, diff, and export tokens to Tailwind or DTCG.

Elevate Your Designs with Ant Design's UI Kits
Ant Design is a comprehensive React UI framework created by Alibaba, providing 60+ polished enterprise components with TypeScript support, internationalization, and extensive theming. The accompanying Figma kit includes all components, making it a complete design-to-development system.
Feather Icons
Feather is a beautifully simple open-source icon set with 280+ clean, consistent icons at 24x24. Each icon is designed on a grid with a 2px stroke, making them feel cohesive and modern. Available as SVG, React components, and more.
Figma Community Resources
newOfficial open-source index of Figma plugins, widgets, agent skills, and developer references. Useful for finding working examples and source code for extending Figma and its MCP workflows.

Fluent 2: Microsoft's Advanced Design System
Fluent 2 is Microsoft's cross-platform design system providing components, design tokens, and guidelines for building apps across Windows, web, iOS, and Android. Its adaptive design language ensures consistency while respecting each platform's conventions.

Flux AI: Photorealistic Image Generation
Flux AI delivers superior photorealism with accurate anatomy, lighting, and up to 4MP resolution while maintaining fast generation speeds. Perfect for designers who need high-quality realistic imagery, product mockups, and commercial visuals without common AI artifacts like distorted hands or unnatural physics.
GitHub Accessibility Scanner
newGitHub Action that scans sites and repositories for accessibility barriers, files trackable issues, and can assign findings to Copilot for proposed fixes with human review.
Google Fonts
Google Fonts is the largest free, open-source font library with 1,500+ families optimized for web performance. The API serves fonts via global CDN, and the directory helps you browse, pair, and test fonts with live previews before adding them to your project.
Iconoir
1,500+ minimalist open-source SVG icons on a consistent 24x24 grid. Available for React, Flutter, SwiftUI, Figma with customizable stroke width and MIT license — clean, modern, and free.

illlustrations: Open source illustrations kit
120+ awesome illustrations designed during a 100-day illustration challenge. Available for free download and includes a Figma plugin for direct insertion into your design files.
Ionicons
Ionicons is the premium icon set from the Ionic framework team, offering 1,300+ beautifully crafted icons in outline, filled, and sharp variants. Designed for mobile and web interfaces, each icon is a crisp SVG with consistent sizing and padding.

LDRS: Free Open-Source Loaders and Spinners
LDRS provides a collection of beautiful, lightweight loading animations as web components. Each loader is customizable via attributes (size, color, speed), zero-dependency, and works with any framework — perfect for adding polished loading states to any project.

Liquid Glass CSS
Apple's iOS/macOS Liquid Glass effect recreated in pure CSS and SVG filters. Open-source implementation you can use in your web projects.

Lottie Files: Elevate Your Design with Seamless Animation Integration
LottieFiles is the ecosystem for Lottie animations — a lightweight, scalable animation format that plays natively on web and mobile. Browse 100,000+ free animations, create your own with their web editor, and integrate them with a simple embed code or SDK.

Lucide: Extensive Icon Library for Developers
Lucide is a community fork of Feather Icons that has grown into a comprehensive open-source icon library with 1,500+ icons. It maintains Feather's clean aesthetic while adding hundreds of new icons, and provides packages for React, Vue, Svelte, and more.
Material Icons
Google's Material Icons provide 2,500+ icons following Material Design guidelines, available in five styles: outlined, filled, rounded, sharp, and two-tone. They're the standard choice for Android apps and Material Design projects, with broad framework support.

Modulor: Comprehensive Open-Source Design System
Modulor is an open-source design system providing a comprehensive set of accessible web components, design tokens, and documentation. Built for flexibility, it offers a solid foundation for teams who want a customizable starting point rather than building from scratch.

OpenPencil
newOpen-source, AI-native vector design canvas with prompt editing, diffable JSON files, MCP access, and code export for React, SwiftUI, Flutter, and other frameworks.

Paper Shaders
newOpen-source WebGL shader library with image filters, mesh gradients, noise, halftone, and animated effects. Use the visual editor or install zero-dependency React and JavaScript packages.

Penpot
newOpen-source interface design and prototyping platform with CSS Grid and Flex layouts, design tokens, shared libraries, and an open file format. Teams can use its cloud service or self-host.
Pixelarticons: Unique Line Pixel-Art Icons for Designers
Pixelarticons is an open-source icon set with a unique pixel-art line style — 480+ icons that bring a retro, playful aesthetic to your interfaces. Perfect for game-related projects, nostalgic designs, or any UI that wants a distinctive pixelated personality.

Primer Design System: GitHub's UI Framework
Primer is GitHub's open-source design system featuring React components, CSS utilities, Figma kits, and detailed documentation. Its thoughtful approach to accessibility, color modes, and responsive design makes it an excellent reference for building modern design systems.

Primer Prism is a tool for creating cohesive, consistent, and accessible color palettes
Primer Prism, created by GitHub's design team, helps you build cohesive and accessible color systems from a single base color. It generates consistent color scales with built-in WCAG contrast checking — essential for design system color token creation.

React Bits
newAnimated React component library with text effects, backgrounds, UI elements, and small creative tools. Components can be copied directly or installed through shadcn and jsrepo.
ReUI
966+ real-world shadcn/ui patterns and compositions. Filters, data tables, forms, and dashboards. Open source and compatible with all shadcn styles.

Sero
Open-source macOS app that indexes PDFs, Markdown, notes, and folders for local AI search and summaries through Ollama. Documents and retrieval stay offline on the Mac.
shadcn MCP Server
newOfficial shadcn MCP server for browsing, searching, and installing registry components from AI assistants. Works with public, third-party, and private registries.
simple-ai.dev
AI Agents workflows powered by Anthropic, xyflow, and AI SDK with one-click installable examples via shadcn CLI
Square UI
Open-source shadcn/ui layouts and components. Clean, modern designs ready to use in your Next.js projects.

Stable Diffusion: Open-Source Image AI
Stable Diffusion is an open-source generative AI model offering complete control over text-to-image synthesis, inpainting, and customization via fine-tuning. Essential for designers who need unlimited creative freedom, custom model training, and integration into their own workflows without usage restrictions or costs.

Theatre.js
Open-source JavaScript animation library with a visual editor for creating complex web animations with frame-by-frame precision. For developers who want designer-level control over web motion.

Tokens Studio Platform
Graph-powered multi-brand token architecture with contextual awareness, dynamic inheritance, and multi-mode theming. The infrastructure layer for scalable design systems that span multiple brands without losing coherence.
ToonCrafter by Doubiiu: AI-Powered Cartoon Creation
ToonCrafter is an open-source AI model that generates smooth cartoon animations by interpolating between keyframe images. Feed it 2-4 drawings and it creates fluid animated sequences — a powerful tool for illustrators and animators exploring AI-assisted workflows.

Twilio Paste: Comprehensive Design System for Customer Experiences
Paste is Twilio's design system built for creating consistent customer engagement experiences. It provides a rich set of accessible React components, design tokens, and detailed usage guidelines — one of the most thorough open-source design systems available.

UNCUT.wtf
Curated collection of contemporary open-source typefaces from independent designers, organized by style (Sans, Serif, Mono, Display) with instant downloads and pangram previews. A hidden gem for finding quality type outside the Google Fonts mainstream.

unDraw: Open source illustrations for any idea
A constantly updated collection of beautiful SVG images that you can use completely free and without attribution. Customize the main color on-the-fly and download for use in any project.

Vercel JSON-Render: Generative UI with Guardrails
Zod schema constraints + shadcn/ui components for AI-generated interfaces with taste. Components inherit good design; AI generation stays within brand bounds. Open-sourced Apache 2.0.
