design
An agent skill — for Claude Code, Codex, and any SKILL.md-compatible agent — that builds an immersive, scroll-scrubbed "fly through the world" landing page for any industry or brand — the kind where, as you scroll, a camera flies from outside each scene into its interior, then flows on to the next scene with no cuts. One continuous connected flight through a little generated world (think the Emons logistics site, applied to whatever you want).
One color a day, told as it ought to be told: with its provenance, its chemistry, and the people who paid for it in poison.
Pen-and-ink with living water — single-file fluid ink drawing app.
Pen-and-ink with living water — a fluid-simulation drawing app in a single HTML file.
Related contents:
An agent skill focused on the small details that make interfaces feel better.
A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
open design in the browser. Free browser-based design software.
Avnac is a browser-first design editor for posters, layouts, social graphics, and other canvas-based compositions.
AI-Native Open-Source Design Tool.
The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.
Find mathematically optimal font pairings — anatomy, metrics & compatibility
A design skill that refuses to look AI-generated. Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
Hallmark picks a macrostructure for the brief, dresses it in one of twenty themes, runs fifty-seven slop-test gates plus a pre-emit self-critique, and refuses the on-distribution defaults every LLM was trained into. Two pages by Hallmark for two different briefs feel like different sites, not colour-swaps of the same template.
Public DESIGN.md registry. THE PUBLIC REGISTRY FOR DESIGN AGENTS
DESIGN.md files that coding and design agents read to generate consistent UI.
Browse, Compare & Download Fonts
Compare and preview fonts instantly & then download what you love.
Design with the agent already on your laptop.
🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.
Related contents:
A visual design tool for your AI assistant.
Turn your AI assistant into a visual designer. Describe what you want — a poster, a flyer, a product label, a social post — and the AI assistant composes it as an HTML/CSS document with precise typography, brand chartes, and your image library. A live preview updates in real time. Export to PDF or hand it off to Gmail as a draft when you're done.
Open-Source Design Editor.
Opens Figma files. Built-in AI. Fully programmable. Also a toolkit for building custom editors.
The design language that makes your AI harness better at design. The missing upgrade to Anthropic's frontend-design skill. Design fluency for AI harnesses.
Great design prompts require design vocabulary. Most people don't have it. You can't ask for "more vertical rhythm" if you've never used those words. Impeccable gives you commands that put designer language in your hands.
Related contents:
The ColorPalette Pro synthesizer generates 6 different color palettes, in 4 styles, across 8 color spaces and formats.
Export, share, download, and copy palettes to create beautiful artworks, websites, and designs.
Extract Dominant Colors from Images. Go CLI, REST API & JavaScript Library.
Extract dominant colors from images using k-means clustering. A fast, cross-platform CLI tool that extracts dominant colors from images using k-means clustering.
A Sea-Change in the Look of Language by Nick Shinn.
Fonts that simulate the experience of reading in olden days, by diverse means.
There's a different way to put pictures in QR codes. Instead of scribbling on redundant pieces and relying on error correction to preserve the meaning, we can engineer the encoded values to create the picture in a code with no inherent errors.
Related contents:
10M Free Icons & Stock Photos, SVG & PNG. Free Icons and Stock Photos, Made by Humans.
The world’s largest and most diverse collection of high-quality vector icons and photos. Crafted and curated by real human Creators.
Related contents:
home of open source icons.
Iconify is an opensource library of icons - they also have an API which you can use to get the icon SVG.
Design tools and tips for developers in a hurry.
✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.
Related contents:
React component library for vintage icons from classic games, software and operating systems.
A comprehensive React component library featuring over 2,300 classic icons from vintage operating systems and software. Includes iconic designs from Windows 95, 98, XP, Vista, 7, classic games, and retro applications. Perfect for retro-themed applications, nostalgic UIs, and preserving digital history.
Create Distorted & Zalgo Text Effects. Transform Text into Digital Art
Create stunning glitch effects, zalgo text, and corrupted fonts instantly. Perfect for social media, gaming, and creative projects.
a font that's only 2px tall.
A font that's only 2px tall, and somewhat readable! Uppercase and lowercase have some different variants, in case you find one more readable than the other. Numbers (sort of) and some punctuation marks are included.
Level up your React Native StyleSheet.
Unistyles is a cross-platform library that enables you to share up to 100% of your styles across all platforms. It combines the simplicity of StyleSheet with the performance of C++.
Unistyles is a superset of StyleSheet similar to how TypeScript is a superset of JavaScript. If you’re familiar with styling in React Native, then you already know how to use Unistyles.
Related contents:
CJS/ESM ANSI color library for terminals, CI and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS.
A high-performance list component for React Native.
Legend List is a high performance virtualized ScrollView library for React Native. Compared to FlatList and FlashList it’s faster, simpler, and has useful features they don’t support.
Hyperwood is an open-source system for crafting furniture from simple wooden slats. In the spirit of E.F. Schumacher's Small is Beautiful and inspired by Enzo Mari’s Autoprogettazione, Hyperwood empowers anyone — DIY enthusiasts, designers, interior architects, and small manufacturers — to build beautiful, robust furniture using minimal tools and locally sourced materials.
🔥 Fade gradient wrapper for React Native scrollable views and overlays on iOS and Android.
rn-fade-wrapper is a simple, highly-performant React Native component that adds smooth, customizable fade gradients to the edges of any content. Perfect for enhancing the user experience in scrollable containers, lists, carousels, modals, or any view with overflowing content.
UI & UX design inspiration for mobile & web apps.
Discover real-world design inspiration. Featuring over 300,000 screens and 1,000 iOS, Android & Web apps — New content weekly.
Related contents:
Refreshingly simple. Premium icons for websites and applications.
Related contents:
Unique, worry-free model photos. Enhance your creative works with photos generated completely by AI. Search our gallery of high-quality diverse photos or create unique models by your parameters in real time.
Related contents:
Curated colors in context.
Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
Free design tools for UI & UX designers.
Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Design inspiration hub. Designers' Secret Source The best design inspiration - expertly curated for you.
Muzli is a new-tab browser extension that instantly delivers relevant design stories and inspiration to keep you in the loop.
Related contents:
💌 Free, Open Source HTML Email Editor and Designer. Free, open source, HTML email template editor and no code designer.
Velvetyne is an association and collective dedicated to researching and disseminating typography and typeface creation. Our efforts manifest through collective creation workshops, public engagements, and the promotion of open, playful tools that embrace an uninhibited approach to typography. Our editorial practice revolves around building a politically and artistically supported typographic universe, collaborating with diverse and engaged authors. Together, we give life to fonts and graphical objects under open licenses, allowing for their use, modification, and redistribution. Additionally, we explore unconventional paths, fostering transparency and inclusivity to make typeface creation more open and dynamic.
SVG Drawing Animation Generator.
SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain Css code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.
Related contents:
SVG animation tool.
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.
Related contents:
The Ultimate reference tool for game designers.
The Game UI Database was created by Edd Coates as a free resource for UI/UX Designers in the games industry. It was built to aid in the discovery of new inspiration, and to provide a fast and efficient way of searching for reference materials.
Related contents:
Discover the World’s Top Designers & Creative Professionals.
Explore work from the most talented and accomplished designers ready to take on your next project
A selection of complimentary typography for your web projects. Best free fonts for designers.
Not your standard vector icons - 486 open-source line pixel-art style icons, in one color and made with a 24x24px grid by Gerrit Halfmann. Pro version with 1,944 icons with 4 variants!
Pixelarticons are presented in a singular color scheme, embodying a line art variant that captures the essence of minimalist and brutalist design principles. The Pro version expands this offering to 1,944 icons, available in four distinct styles, ensuring versatility and adaptability across a broad range of design projects.
An archive of 1,500+ Design Resources. Discover highly useful Design Resources & Tools.
A growing archive of 1,500+ design resources, frequently updated for the community.
Font Compare is an easy way to dynamically compare locally hosted fonts.
Video on command. Pika puts creative control where it belongs: in your hands.
Pika is a image to video generator using ai.
Open source 3D icon library.
Beautifully crafted open source 3D icons100% FREE FOR Commercial and Personal Use UNDER CC0.
Best Email Signature Manager for Outlook & Office 365.
Design and deploy on-brand email signatures for your whole team. Connect with your audience in a way that's on-brand and personal, while driving quality lead generation.
Cables is a tool for creating beautiful interactive content.With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments.
You are provided with a set of operators, such as mathematical functions, shapes, materials and post processing effects. Connect these to each other with virtual cables to create the experience you have in mind. Easily export your piece of work at any time. Embed it into your website or use it for any kind of creative installation.
AI design tools for inspiration. Your smart design companion.
Not just a suite of AI tools, but a creative partner for design inspiration. Boost your design process and eliminate the daunting blank page with clever recommendations and useful visuals.
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
Cute illustrations for React Apps.
React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.
In a nutshell, Aktivisda is a static and free website to simplify the creation of visuals (posters, social networks) by all the activists of an organisation in the colours of that organisation.