Design · List
15 UI Sites You'll Need
Curated collection of 15 UI and design resources for polished websites.
A curated list of 15 targeted design tools, component libraries, and reference guides designed to make web interfaces look refined rather than generic. It covers audits, production design systems, fluid typography, motion primitives, and styling tokens. The list is especially useful for developers using AI coding assistants who need concrete UI standards.
The list
1 - ui-skills.com — design playbooks for humans and coding agents; audit UI, fix generic AI design, improve motion, accessibility, polish.
2 - coss.com/ui — Cal.com's production-ready design system; accessible React components you own, avoids the usual SaaS look.
3 - designsystemchecklist.com — practical design-system checklist that stops agents from creating random UI styles.
4 - reui.io/components — 1,000+ free shadcn components and advanced patterns (data grids, kanban, gantt, filters, calendars).
5 - kinetics.colorion.co — ready-made spring animations with CSS, React, and AI prompts.
6 - iconcreator.dev — free browser-based custom icon designer.
7 - vibeprompts.dev — 256 prompts for specific UI sections (dashboards, pricing, auth, onboarding, hero sections).
8 - animatedbuttons.colorion.co — 99 CSS-only button interactions; copy CSS or prompt.
9 - component.gallery — 2,600+ examples from 95 real design systems.
10 - designsystems.one — 88 production design systems with tokens, stacks, and downloadable design.md files.
11 - utopia.fyi — generates fluid typography and spacing.
12 - open-props.style — ready-made design tokens (colors, shadows, radii, spacing, easing).
13 - interfaces.rauno.me — checklist of tiny interaction details that make interfaces feel finished.
14 - bg.ibelick.com — copy-paste backgrounds for Tailwind and CSS.
15 - motion-primitives.com — reusable motion components for React.
What it's for
- Upgrade AI-generated frontend code to look professionally designed
- Source production-ready React components, animations, and background styles
- Reference real-world design systems and component patterns for web apps
- Generate fluid typography and consistent spacing tokens
Key points
- Design audit playbooks and interaction checklists to eliminate generic styling
- Access to production-ready design systems and over 1,000 shadcn component patterns
- Ready-made spring animations, button micro-interactions, and motion components
- Tools for browser-based icon creation and copy-paste background designs
- Generators for fluid responsive typography and standard CSS design tokens
- Prompt collections tailored for specific interface sections like dashboards and pricing pages
Pricing
Free
Details
- Type
- List
- Category
- Design
- Topic
- UI Design
- Open source
- No
- Platforms
- Web
- For
- Frontend developers, indie hackers, and designers working with AI coding tools
- Tags
- ui, design systems, components, css, typography, animation, resources
Why it was saved
- @levithefirst: Each entry targets a specific problem: auditing AI UI, design systems, components, animations, icons, prompts, tokens, and motion.
Related
Design canvas built on web standards that connects to AI coding agents
AI design tool that generates interface variations from text ideas
Design specifications and styling tokens for modern dark dashboard interfaces
AI product design agent that generates contextual UX flows and Figma designs
UI and layout techniques for modern, high-converting e-commerce storefronts
AI UI design tool and generator (discontinued).
Updated