ux-design
An agent skill focused on the small details that make interfaces feel better.
A cascading dropdown menu component for selecting hierarchical data like locations, categories, or organizational structures.
The web has been silent. tiks makes it sing.
Procedural UI sounds. Zero audio files. Pure synthesis.
Open CoDesignDesign with intent. Open-Source AI Design Tool — BYOK, Local-First.
An open-source desktop AI design tool. Bring your own model, keep everything local — a self-hosted alternative to Claude Design, built for teams who can't afford subscription lock-in.
Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
Copy a DESIGN.md into your project, tell your AI agent "build me a page that looks like this" and get pixel-perfect UI that actually matches.
Open-Source Design Editor.
Opens Figma files. Built-in AI. Fully programmable. Also a toolkit for building custom editors.
A random collection of accessibility-focused tools that you might find at least partially useful
Related contents:
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:
Design Terminal UIs. Visually.
A Figma-like visual editor for TUI applications. Drag-and-drop components, edit properties in real-time, and export to 6 frameworks with one click.
The Backend Built forAgentic Development
Give agents everything they need to ship fullstack apps.
InsForge is a backend development platform built for AI coding agents and AI code editors. It exposes backend primitives like databases, auth, storage, and functions through a semantic layer that agents can understand, reason about, and operate end to end.
The AI Operator Living in Your Web Page. JavaScript in-page GUI agent. Control web interfaces with natural language.
🪄One line of code, turns your website into an AI-native app. Users give natural language commands, AI handles the rest.
Our world is made of information that competes for our attention. What is necessary? What is not?
When we design products, we aim to choose the best position for user interface components, placing the most important ones in the most accessible places on the screen.
Equally important is the design of communication. How many notifications are necessary? How and when should they be displayed? To answer this, we can be inspired by the principles of calm technology.
Related contents:
AI → JSON → UI. AI-generated UI with guardrails.
When users prompt for UI, you need guarantees. json-render gives AI a constrained vocabulary so output is always predictable.
Predictable. Guardrailed. Fast.
Let users generate dashboards, widgets, apps, and data visualizations from prompts — safely constrained to components you define.
Related contents:
Learn the theory and practice behind great animations with this interactive learning experience.
Related contents:
loadmo.re is Kim Lê Boutin's personal selection of unconventional web references. It collects distinctive mobile experiences as a living archive for design inspiration. To keep up with updates, follow us on Instagram.
Design with AI. Transform ideas into UI designs for mobile and web applications.
Related contents:
The definitive tree component for the Web.
Super-easy integration of complex tree components into React. Supports ordered and unordered drag-and-drop, extensive keybindings, search, renaming and more. Fully customizable and accessible. Headless Tree is the official successor for React Complex Tree.
Components from design to production.The UI Framework for Perfectionists by Chainlift.io.
LiftKit is a UI framework based on the golden ratio. At its core, it's a set of formulas and variables that unlock advanced visual design features like optical spacing corrections and dynamic color, powered by Material 3.
Expo React Native UI Components Library
Beautiful, accessible Expo React Native components that work seamlessly across iOS and Android.
Predictive Mouse Intent Library. What if we could only prefetch data the user actually needs?
ForesightJS is a JavaScript library that predicts user intent by tracking the mouse. Great for prefetching without wasting resources.
Related contents:
Hundreds of ready-to-play sound effects for your React applications Add delight to your UI with just a few lines of code
ThreeJS + wgpu-matrix + TypeGPU for WebGPU on Reanimated Worklets.
WebGPU Worklets allow you to run react-native-wgpu, Three.js, wgpu-matrix, and TypeGPU libraries on Reanimated Worklets on the UI Thread. With that integration, you can run smooth 3D animations backed by WebGPU using the Reanimated API and enjoy seamless integration with the Gesture Handler.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
mCaptcha is proof-of-work based captcha system that is privacy focused and fully automated. A no-nonsense CAPTCHA system with seamless UX.
mCaptcha is a privacy respecting, free CAPTCHA system with a kickass UX. Your users no longer have to interact with ridiculous image-based CAPTCHA system, wasting precious mental bandwidth. Instead, your computer will do the work for you, see for yourself!
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:
Better Products, Better Growth. Level up your UX skills with fun weekly comics.
Learn to design experiences users love in 5 min/week.
Related contents:
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.
A TikTok-style interface for exploring random Wikipedia articles in multiple languages.
Related contents:
A fast, composable, unstyled emoji picker made with Tailwind & React.
Turn any R3F app into an interactive immersive experience.
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:
Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
Small details for very exacting ideas!. Digital Purple Hat for UX Designers & Developers.
Native dual range input in 80 lines of TypeScript.
Momentum (aka. smooth or inertia) scrolling plugins (which in use can be seen on this website), while marketed as enhancements, are a plague upon the internet. They disrupt the natural, efficient, and predictable web browsing experience in countless ways, by often degrading usability, accessibility, and performance. Here are ten reasons why they ruin the web for everyone.
Concevons des services publics numériques accessibles, inclusifs et humains.
Les services publics numériques sont encore trop souvent conçus sans prendre en compte l’audience qu’ils servent. Nous mettons à la disposition des administrations des idées et outils pour améliorer l’expérience usager de leurs services.
Become a Better Designer. The Fun way.
Learn to design better UI with practical visual examples & in-depth landing page teardowns. Join 100s of developers & junior designers who strive to become better in UI & UX design!
The one-stop station for app builders. UX, Growth, Design. All in one place. Understand why the best apps succeed. Save time on benchmark. Focus on product
World's most performant DOM-based table. A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
A performant interactive bottom sheet with fully configurable options 🚀
Protect your online privacy and rights by learning about dark patterns and unethical designs. Stay informed and avoid manipulation in the digital world.
The visual website builder for developers. The visual website builder for Next.js & Tailwind.
Build at the speed of no-code. Export a Next.js, Tailwind and Shadcn UI app. Customize without limits.
Create better native apps for iOS and Android with a new breed of development tools.
An open-source cross-platform mobile app development tool suite, supporting building Android and iOS applications.
With Fuse you can build native mobile user interfaces using the easy to learn UX Markup language, and use JavaScript to add business logic
Maska is a simple zero-dependency input mask library.
You can use it with vanilla javascript or with your favorite framework. Out of the box there is integration with Vue 2/3, Svelte and Alpine.js, but you can integrate it into any framework.
Material 3 is the latest version of Google’s open-source design system. Design and build beautiful, usable products with Material 3.
How will patterns and experiences evolve in a world shaped by Artificial Intelligence?
AI is accelerating change. Companies are reacting by “doing AI”without prioritizing the experience of the people on the receiving end–Design is more important than ever. To respond, we must get smart, fast. This starts with understanding the emerging patterns of interaction, affordances, and heuristics in an AI world. The pages below are summaries of the current state.
GestureX: Control Linux-based operating systems using hand gestures. Built using Mediapipe, OpenCV and PyGTK.
GestureX enables you to control your Linux PC using hand gestures. You can assign specific commands or functionalities to different hand gestures, allowing for hands-free interaction with your computer.
Build services that earn trust.
IF curates this catalogue to help teams design trustworthy services that work for people. Contact IF for workshops about how to use these patterns.
Sleek, modular open source JavaScript file uploader
Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.
Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.
Framer components inspired by Dieter Rams' design principles. Our Rams' inspired assets are designed to sprinkle a dash of delight into your life.
A way for all organizations to understand, organize, improve, and communicate web accessibility.
Welcome! This is a public resource for people with backgrounds in social sciences, humanities, and academia who are interested in learning about careers in user experience/design research. If you have suggestions for the list, please contact Amy Santee.
100 books vetted by the community to inspire growth across the many disciplines influencing modern software design.
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Product Design Knowledge.
Stay on top of your design process with the bite-sized hints and cheat sheets about UX Product Design.
Universal design methods for more inclusive solutions. Supporting the development of inclusive innovations