Article
Loading UI
loading-ui.com
A collection of free and open source CSS/React loaders, spinners, and animations. Create elegant and accessible loading states for modern web apps.
#use
← वापस
डिज़ाइन रेफ़रेंस
डिज़ाइन टूल्स और UI रेफ़रेंस की क्यूरेटेड लाइब्रेरी।
Article
Devouring Details
devouringdetails.com
An interactive reference manual for designers interested in interaction.
#learn
Article
Skiper UI
skiper-ui.com
A quirky new component for Next.js projects. Easily installed via shadcn CLI 3.0, the collection is rapidly expanding and easy to edit and use.
#use
Article
#explore
Article
web-kits/audio
audio.raphaelsalaja.com
A declarative audio synthesis library for the web. Sounds can be defined as plain objects and played with a single function call.
#use
Article
browser-use/video-use
github.com
An open source skill that automates video editing on Claude Code. Generate edited final.mp4 from the material.
#use
Article
UNCUT
uncut.wtf
A free typeface catalog specializing in modern typefaces. Currently 163 typefaces are listed.
#use
Article
cathrynlavery/diagram-design
github.com
13 editorial quality diagram templates for Claude Code. It's self-contained with just HTML and SVG, and there's no shadow or mermaid smell.
#use
Article
HyperFrames
hyperframes.heygen.com
HyperFrames is a tool that uses AI agents to write HTML/CSS/JS and assemble videos. Apache 2.0 open source for the community from HeyGen.
#build
Article
pablodelucca/pixel-agents
github.com
pixel office. Contribute to the development of pablodelucca/pixel-agents.
#use
Article
Curated Supply
curated.supply
A curation site for highly designed products. A selection of premium tech, interior and lifestyle products, carefully selected for form, function and understated luxury.
#watch
Article
Selected Site
selected.site
A carefully selected collection of tools, resources, and inspiration for creators and builders.
#explore
Article
Wiretext
wiretext.app
A spatial design tool where everything is rendered as Unicode line characters. Create wireframes, diagrams, and mockups and share them as text.
#use
Article
Awesome Design Systems
git.io
Awesome list of design systems. You can check the presence or absence of each system's components, audio/tone, design kit, and source code in a list.
#explore
Article
React Bits
reactbits.dev
An open source collection of high-quality, animated, interactive, and customizable React components.
#use
Article
Fontshare
fontshare.com
A free font service provided by Indian Type Foundry (ITF). High-quality fonts available to everyone.
#use
Article
Colors & Fonts
colorsandfonts.com
A tool that allows you to generate a complete color scale from one base color or create a five-color palette based on color theory. Supports real-time contrast checking, HSL editing, and export to Tailwind v4, CSS, SCSS, and Figma tokens.
#use
Article
#explore
Article
autoskills
autoskills.sh
Detect your tech stack and auto-install the best AI agent skills via skills.sh. Supports React, Next.js, Vue, Astro, Tailwind, and 20+ technologies.
#use
Article
getdesign.md
getdesign.md
Browse design system inspirations from popular websites. Drop one into your project and let AI agents build matching UI.
#explore