Resources

Motion toolkit for React and Next.js — free, open-source, shadcn-compatible components on Motion and Tailwind.

• react
• next
• motion
• shadcn

beui.dev

Tiny, dependency-free interaction sounds for the web — synthesized live with Web Audio, no sound files required.

• web-audio
• sound
• interaction
• ux

cuelume-site.pages.dev

Uncommon components for shadcn/ui and Next.js — install via shadcn CLI, easy to edit and reuse.

• shadcn
• react
• next
• components

skiper-ui.com

Portable open-source OS for agents — stateful runtime, secure code execution, one SDK to deploy anywhere.

• agents
• sandbox
• sdk
• runtime

agentos-sdk.dev

Micro-transitions for product UI — small motion patterns that make interfaces feel tighter and more intentional.

• motion
• transitions
• ui

amicro.vercel.app

An AI browser built to do real work across your websites, accounts, and history.

• browser
• ai
• agents

aside.com

Lightweight, open-source code editor with AI assistance, Git integration, and keyboard-first workflows.

• editor
• ai
• dx

athas.dev

A skill for agents to build small, tactile product pages with a fresh direction each run.

• agents
• landing
• skill

compact-skill.dev

Unified Figma design system and React component library — components, variants, and tokens in sync.

• figma
• react
• design-system
• tokens

createui.co

Database and gallery of best-in-class design systems — components and foundations from top product teams.

• design-system
• gallery
• reference

designsystems.surf

Browser dither kit from Tripwire — turn images into ordered, retro-style dithered looks.

• dither
• image
• effects
• browser

tripwire.sh

Browser-based image effects — dither, ASCII, halftone, glow, print, retro signal, and more.

• image
• effects
• browser
• design

effectsoup.com

Open-source UI components with a strong systems-and-craft POV.

• react
• components
• open-source

fluidfunctionalism.com

Small details that build taste in Flutter — the things users feel but can’t explain.

• flutter
• design
• craft

flutterpro.design

Shader-driven page transitions for React and Next.js — small, GPU-composited, drop-in.

• react
• next
• webgl
• transitions

glimm.dev

WhatsApp for developers — connect quickly, integrate messaging, and ship to WhatsApp’s user base.

• whatsapp
• api
• messaging

kapso.com

Visual dictionary of UI — name the element, get its API symbol, and a precise prompt for your coding agent.

• ui
• dictionary
• design
• agents

namethatui.com

Ultra-fast zero-dependency shaders for projects — as React components or GLSL.

• shaders
• react
• glsl
• webgl

shaders.paper.design

Minimal card component library for React and Tailwind CSS.

• react
• tailwind
• cards

v0-react-card-components.vercel.app

Deterministic static analysis so coding agents can diagnose and fix React codebases.

• react
• lint
• agents
• dx

react.doctor

Curated design inspiration from across the internet.

• inspiration
• design
• gallery

recent.design

Premium animated UI components for modern apps — customizable, ready-to-use, fully styled.

• react
• animation
• components
• premium

reverseui.com

Dependency-free text roll animation for tiny, tactile UI labels.

• text
• animation
• ui

textmotion.dev

Open-source skill files that give AI coding agents better frontend taste — less generic, more intentional UI.

• agents
• frontend
• skill
• cursor

tasteskill.dev

Practical guide to setting up a design system — resources, tools, and checklists.

• design-system
• guide
• checklist

thedesignsystem.guide

Essential, copy-paste UI transitions for web apps when motion docs stay too abstract.

• css
• transitions
• web

transitions.dev

Live, agent-driven panel for tuning CSS and Motion transitions — click Refine and write timing back into your code.

• css
• motion
• ai
• agents

transitions.dev

Design-engineering skills for accessibility, motion, frontend craft, and interface quality.

• design-engineer
• a11y
• motion
• skills

ui-skills.com

A living manual for better interfaces — design principles, motion, typography, and craft.

• design
• principles
• typography
• motion

userinterface.wiki

Visuals and interactions from around the web, taken apart and rebuilt into patterns anyone can use.

• interactions
• ui
• collection

arlan.me