Design

dimensional-drawing

To agent-skills til at omsætte UI-komponenter til tekniske tegninger med mål for afstande, hjørner, lag og placering. Den ene skill tegner et specifikationsark; den anden kan animere det.

Lysende cirkel af Zach Lieberman

Et cirkelformet lysmønster fra en kort video af Zach Lieberman.

Bencho : Interactive React UI Components & Micro-interactions

An interactive collection of React interface blocks and small animations that can be explored and adapted.

Scrolltide

A library of prompts for generating expressive websites with motion, texture and less conventional visual treatments.

MCP for Blender

A community Blender plugin that lets language models control and edit 3D scenes through MCP.

Phantom Camera

A camera add-on for Godot 4 inspired by Cinemachine.

Tufte-LaTeX

LaTeX classes for producing handouts, papers and books inspired by the designs of Edward Tufte and Richard Feynman.

Tufte CSS

CSS styles for presenting web pages in the visual tradition of Edward Tufte’s handouts.

React Bits

A library of animated, interactive and customizable React and Next.js components.

Onlook

An open-source, AI-first visual editor for building and styling real application code.

Figma Context MCP

An MCP server that gives coding agents structured Figma layout information for design-to-code work.

Penpot

An open-source design and prototyping platform for product teams, with collaborative workflows and code-oriented formats.

Landdding

A curated gallery of landing pages and website templates, browsable by category, platform, tag and colour.

Font In Logo

A reference site for fonts associated with brand logos and entertainment titles, with font browsing and text-generation tools.

Backgrounds Supply

A paid collection of handcrafted and AI-generated backgrounds for websites, presentations, wallpapers and social media.

Footer Design

A curated gallery of website footers, with examples that can be explored by type and style.

60fps

A collection of interface animations and interaction details from mobile apps and websites.

Iconly

A visual reference library of app, game and web icons, browsable by category and colour.

Recent

A gallery of design inspiration covering websites, interfaces, branding, motion, illustration, posters and print.

Modulify

An AI website and web app builder with prompt-based generation, chat editing, a CMS and publishing tools.

Motion

A collection of interactive website sections with copyable prompts for animations, photography layouts and other visual effects.

Wonderlist

A paid collection of website designs in Figma, including multi-page layouts for portfolios, agencies, SaaS and other businesses.

OrganUI - Healthcare interface components

An open-source component registry for healthcare interfaces. It presents anatomy-related components and links to its GitHub repository; its directory listing also describes components for vital signs, lab results and other clinical UI patterns.

Unlimited Gradients, Animated Gradients and AI-Generated Backgrounds

A library of gradients, animated backgrounds and grain textures for design projects.

BentoGrids

A gallery of bento-style layouts for websites and interfaces.

Mobbin - UI & UX design inspiration for mobile & web apps

A searchable library of screenshots and user flows from mobile apps and websites.

Swipe file - kargul.studio

A visual collection of product, website and brand design work.

AlignUI Design System - Design and development perfectly aligned

A collection of customisable React and Tailwind CSS interface components.

undefined-ui/second-brain-os

A starter knowledge base for Claude Code and Obsidian, with scripts and skills to organise and maintain saved information.

garrytan/gstack

Garry Tan’s collection of specialised coding-agent workflows covering planning, design, review, quality assurance and delivery.

Inspora

A curated archive of visual design and creative work.

land-book.com/

Refero - UI/UX Design Inspiration for Your Next Project

A library of interface screenshots and design references for web and iOS products.

Reelfolio - Create Portfolio Showreels in Minutes

A browser tool for turning screenshots, mockups and clips into portfolio videos.

Shotreel: Turn Screenshots into Looping Showcase Videos

A browser editor that turns screenshots and clips into looping showcase videos.

The Brand Styleguide Document Showcase

A searchable collection of brand guidelines and visual identity documents.

liquidslr/system-design-notes

Study notes based on the book System Design Interview, organised as a reference for architecture discussions.

editorcn

Customisable rich-text editor components built on Tiptap.

mdxcn: markdown-friendly components

React components for adding callouts, charts, timelines and other elements to MDX documents.

agentcn

Copyable AI-agent recipes built with frameworks including Eve, Flue, Mastra and LangGraph.

ogimagecn

Customisable Open Graph image components built on Satori.

pdfcn

Reusable PDF components and document templates built with Takumi and Forme.

termcn

Terminal-interface components built with Ink and OpenTUI.

mcpcn

React interface components for MCP applications, built with Base UI.

shadercn

React shader components built with vgpu and TypeGPU.

emailcn

Customisable email components for React Email, MJML React and JSX Email.

VibePrompt - UI Prompt Library & Tailwind CSS Snippets

A library of interface prompts and Tailwind CSS snippets for common website sections.

APPSHOT.GALLERY: App Store Screenshot Inspiration for ASO & Mobile UI

A gallery of App Store screenshots for studying mobile interface design and app presentation.

Kitbitz - 2,000+ free hand-drawn illustrations

Hand-drawn illustrations available as SVG and PNG assets, with Figma resources.

UIAble - The Complete Shadcn Design System

A shadcn-based design system with components, page blocks, templates and dashboards.

shadcn/ui - The Foundation for your Design System

Composable interface components for building a customisable design system.

DESIGN.md - Design Systems for AI Coding

A collection of reusable DESIGN.md files for guiding AI tools when building interfaces.

Jiro - The Design Prompt Library to Vibe Code Better Websites

A library that pairs visual website references with prompts for AI coding tools.

Kinetics - Spring-physics motion for web interfaces

A library of spring-based interface animations with adjustable physics and copyable CSS or React code.

Liquid Glass for the web - refract the live DOM, in every browser

A React component that creates a refracting glass effect over live page content.

MicroKit UI - Microinteractions for developers

Copyable interface animations for React, CSS and Tailwind, including buttons, tabs and hover effects.

Aceternity UI - React & Tailwind CSS Component Library

A React component library with interface blocks and landing-page templates built using Tailwind CSS and Motion.

Beautifully Crafted Open Source & Free Premium 3D Icons

A collection of downloadable 3D icons with options for editing colours and viewing angles.

Website Styles & DESIGN.md Library | Refero Styles

A visual reference library pairing website screenshots with design specifications covering typography, colour and spacing.

Buttons with CSS gradients - Gradient Buttons

A collection of CSS gradient buttons with copyable code.

Design inspiration, ready to build

A gallery of product interfaces with tools for turning designs into coding prompts.

The Component Gallery

A reference gallery of interface components drawn from published design systems.

Minimal Gallery - Website Design Inspiration

A gallery of website designs, templates and design tools.

Anime.js | JavaScript Animation Engine

A JavaScript library for animating web interfaces, with keyframes, easing and per-property controls.

114 CSS Text Effects & Animations - Free Copy & Paste

A collection of copyable CSS text effects, including gradients, typewriter animations and glitch effects.

Magic UI

Animated React components and visual effects built with Tailwind CSS and Motion.

React Components, Templates & Themes - 12,000+ Crafted UI | 21st

A library of React components, Tailwind templates and shadcn themes with live previews.

Motion-Primitives - UI kit to make beautiful, animated interfaces, faster.

An open-source collection of animated interface components for React, Next.js and Tailwind CSS.

uiverse.io/

mapcn - Beautiful maps made simple

Customisable React map components built with MapLibre and styled with Tailwind CSS.

Circle Loaders - twenty-four monochrome agent-status animations

Downloadable circular loading animations built with CSS and SVG.

Crafting Apps: open-source creative tools

Seven creative desktop applications covering image editing, illustration, video, photography, PDFs, motion graphics and page layout.

web-infra-dev/midscene

A GUI automation agent aimed at end-to-end interface testing.

modelcontextprotocol/inspector

A visual interface for testing MCP servers and inspecting the tools they provide.

Original Blender MCP: Free Setup for Claude, ChatGPT, Cursor

Step-by-step setup guides for Blender MCP on every platform. Get started with Cursor, Claude, VSCode, ChatGPT, Gemini, or Ollama in minutes

Workflow - Buzzing Your Inbox

A visual email-automation editor for connecting actions and branching workflows on a canvas.

deepseek-ai/deepseek-harness

An agent framework built around replaceable plugins for models, tools, execution environments and interfaces.

Mastering System Design

A system-design learning resource focused on planning scalable and reliable software architectures.

AICSS · UI components for AI agents

Interface components for AI conversations, including streaming responses, tool activity, citations and reasoning indicators.

Beautiful UI : Crafted primitives for AI-native interfaces

Interface building blocks for AI applications, including agent conversations, progress states and human approval steps.

Libraries.dev: High-crafted UI libraries for AI agents

A collection of installable React visual-effect libraries, including beams, orbs, liquid effects and metallic treatments.

UImaxxing

A design-system reference library for shaping the appearance of interfaces.

Halaska UI: a UI kit for AI products

A React interface kit for AI applications, with reusable screens and interaction patterns.

Built by Designers: No Explanation Needed

A curated showcase of products, websites and experiments created and shipped by designers.

Animated Components for React and Next.js · beUI

Reusable animated interface components for React and Next.js, using Motion and Tailwind CSS.

AI workflow builder diagramming library : JointJS

A diagramming library and React template for building visual AI workflows with custom nodes and execution states.

miqdadbadjuber/anti-slop

Guidelines for reducing generic patterns in AI-generated interfaces, prose and code.

gridex/gridex

A desktop database interface for working with PostgreSQL, MySQL, SQLite and Redis.

GitHub - pixlcore/xyops: The next generation of Cronicle: open-source job scheduling, visual workflows, server monitoring, alerting, and incident resp

The next generation of Cronicle: open-source job scheduling, visual workflows, server monitoring, alerting, and incident response. - pixlcore/xyops.

Diolinux/PhotoGIMP

A set of GIMP customisations designed to make the application more familiar to Photoshop users.

Stirling-Tools/Stirling-PDF

A PDF application offering document editing and processing through a browser interface.

averygan/reclip

A self-hosted video downloader with a browser-based interface.

Scandinavian design : before and after

A visual demonstration comparing interface designs before and after a Scandinavian-style treatment.

HTMLを描画するHTML in Canvas API | 最終回 10個のデモで見るユースケース

A Japanese article demonstrating ten uses of HTML in Canvas, including decoration, transitions and three-dimensional integration.

HTML in Canvas : Demos

A collection of demonstrations exploring HTML content within canvas-based interfaces.

datalab-to/chandra

A document-recognition model designed for material with handwriting, tables, forms and complex layouts.

nextlevelbuilder/ui-ux-pro-max-skill

An agent skill providing interface-design guidance across different platforms and product types.

Taste Skill | The Anti-Slop Frontend Framework

Agent instruction files intended to improve frontend design and reduce repetitive interface patterns.

alexpate/awesome-design-systems

A curated collection of design systems for studying reusable visual and interface conventions.

study8677/awesome-architecture

System-design tutorials, architecture templates and worked examples covering distributed systems and AI applications.

React Tailwind CSS UI Components - Tailgrids UI

Documentation for reusable React components styled with Tailwind CSS.

AI HTML Landing Page Builder and Remix Templates | Neuform

A tool for creating HTML landing pages from prompts and reusing designs through templates and design specifications.

OpenDesign : Best Open Source Claude Design Alternative

A design workspace for producing prototypes, pages, dashboards and other visual artefacts with coding agents.

DesignMD : Generate DESIGN.md Files with AI

A service that analyses a website’s styling and produces a design-specification file for coding agents.

Explore | Layers

A community gallery for exploring visual interface-design work.

GitHub - debpalash/VoiceStudio: VoiceStudio is the open-source, fully-local ElevenLabs alternative , voice cloning, voice design, video dubbing, dicta

VoiceStudio is the open-source, fully-local ElevenLabs alternative , voice cloning, voice design, video dubbing, dictation, transcription & audiobook creation in 646 languages. - debpalash/VoiceStudio.

Interfaces › Design Engineering Magazine

A design-engineering publication covering interface details such as animation, typography, layout and colour.

GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let cod

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI. - VoltAgent/awesome-design-md.

getdesign.md : DESIGN.md collection for AI coding agents

A collection of website design analyses that can serve as visual references for coding agents.

bergside/design-md-chrome

A browser extension for extracting website styles and converting them into agent-readable design files.

GitHub - bobvibes/Awesome-Vibecoding-Guide: A compendium drawn from real commercial projects and hundreds of thousands of lines of AI‑assisted code. R

A compendium drawn from real commercial projects and hundreds of thousands of lines of AI‑assisted code. Read it end‑to‑end or feed this repo to your AI agent for summaries and Q&A. Stars and watches appreciated! ⭐ - bobvibes/Awesome-Vibecoding-Guide.

GitHub - Jason-uxui/gray-ui-csm

Gray CSM UI · Next.js + shadcn/ui An open-source Customer Success workspace UI that demonstrates how design systems, complex ticket workflows, and polished interaction patterns can be implemented in maintainable React code. Run locally ·.

Free online vector editor & procedural design tool

A browser-based vector and procedural graphics editor with local operation and common image export formats.

CoderLuii/HolyClaude

A packaged coding workspace combining several AI command-line tools, a web interface and browser automation utilities.

alibaba/page-agent

A JavaScript agent that operates website interfaces from natural-language instructions within the page.

The Logo Art

Devin Desktop | Devin

A desktop interface for planning and managing work across local and cloud coding agents.

mmm.page : Your Corner of the Internet

A visual website builder intended for creating expressive personal pages.

shadcn-ui/taxonomy

An example application demonstrating Next.js 13 features, including its router and server components.

GitHub - huazhihao/kubespy: pod debugging tool for kubernetes clusters with docker runtimes

pod debugging tool for kubernetes clusters with docker runtimes - huazhihao/kubespy.

</> htmx - high power tools for html

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when c.

pics/binary/README.md at master · corkami/pics

Illustrated reference material explaining binary file formats and their structure.

directus/directus

A backend platform that adds APIs, administration interfaces and content-management capabilities to a database.

Kubernetes production readiness checklist

Build confidence before your application goes live on Kubernetes with this production readiness checklist

xem.github.io

Fork me on GitHub W A micro WebGL2 framework Features Built-in 3D models Custom 3D models (with OBJ loader ) Easy coloring, texturing, transparency Easy animation Groups of objects Flat or smooth shading Custom transformations Controllable.

MiniSVGcreator

A compact browser editor for creating SVG graphics.

Modules, Monoliths, and Microservices: A Systems Design Perspective

An essay comparing monolithic and microservice architectures through the placement of module boundaries.

Code Completion Demo on Vimeo

A video demonstrating a code-completion interface.

Wachem Huyge - a Talented Belgian Designer and Developer

An interview with Belgian designer and developer Wachem Huyge about his work with October CMS.

corkami/pics

An illustrated collection explaining file formats, binary structure and related technical details.

Buf · Modern Protobuf and gRPC

A toolkit for managing Protocol Buffer schemas, generating code and working with RPC interfaces.

Craft 3.4 is Here! | Craft CMS

The Craft CMS 3.4 release announcement, covering interface, collaboration and GraphQL improvements.

bevacqua/dragula

A JavaScript library for adding drag-and-drop behaviour to web interfaces.

Preface - Nix Pills

Preface This is a ported version of the Nix Pills , a series of blog posts written by Luca Bruno (aka Lethalman) and originally published in 2014 and 2015. It provides a tutorial introduction into the Nix package manager and Nixpkgs.

SpriteStack.io

An editor for constructing three-dimensional pixel artwork by stacking sprites.

Maxime Euzière

A technical article by Maxime Euzière about graphical projection.

Vanilla documentation

Documentation for Canonical’s Sass-based CSS framework for consistent web interfaces.

WebGLStudio

A browser-based environment for creating and editing three-dimensional web content.

Eagle Mode

A zoomable desktop interface combining file navigation, media viewers and other tools on one canvas.

Terser-online

A browser interface for experimenting with Terser’s JavaScript minification.

pics/binary/README.md at master · corkami/pics

An illustrated guide to binary file formats and their internal structure.

Patternodes 3 - Parametric design and animations

A macOS application for generating vector patterns and animations through a node-based workflow.

msj.tum.dk/lav-film/vaerk-4/

Pure CSS Oil Painting - by Diana Smith aka cyanHarlow

A detailed portrait created entirely with CSS, demonstrating the expressive possibilities of browser styling.

Framer: AI design agent

A visual website-design and publishing platform with AI-assisted editing and integrated hosting.

Mandelbulb - Wikipedia

An encyclopaedia article about the Mandelbulb three-dimensional fractal.

Future-Proof Enterprise Web CMS - JustRelate Web Builder

A web content management platform for building websites, portals and applications with a separate content backend.

ertdfgcvb

Studio for design and code based in Lugano, Switzerland

CAA checking becomes mandatory for SSL/TLS certificates

A look at the CAA DNS record (Certificate Authority Authorization), what it does, and why Certificate Authorities are now required to check it before issuing an ….

How Life (and Death) Spring From Disorder | Quanta Magazine

Life was long thought to obey its own set of rules. But as simple systems show signs of lifelike behavior, scientists are arguing about whether this apparent….

cordova-plugin-badge/www/badge.js at master · katzer/cordova-plugin-badge

The JavaScript interface of a Cordova plugin for reading and changing application badge numbers.

Contentful

The Composable Content Platform ✨ Our API-first technology empowers builders to connect, create, and extend content with ease delivering impactful experiences. - Contentful.

Logical Fallacies Poster

Learning The Basics

Thoughtful, capable, and ethical computing.