# 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 is 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](https://xiry.app/topics/design.md)
- Topic: [UI Design](https://xiry.app/topics/design/ui-design.md)
- 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, 27 August 2026](https://x.com/levithefirst/status/2092975925306507619): Each entry targets a specific problem: auditing AI UI, design systems, components, animations, icons, prompts, tokens, and motion.

## Related

- [Paper](https://xiry.app/resources/paper): Design canvas built on web standards that connects to AI coding agents (Desktop app, Freemium)
- [Variant](https://xiry.app/resources/variant): AI design tool that generates interface variations from text ideas (Web app, Freemium)
- [Dark UI Design Blueprint](https://xiry.app/resources/dark-ui-design-blueprint): Design specifications and styling tokens for modern dark dashboard interfaces (Tip, Free)
- [Figr](https://xiry.app/resources/figr): AI product design agent that generates contextual UX flows and Figma designs (Web app, Freemium)
- [Modern E-Commerce UI/UX Design Principles (Osklen Case Study)](https://xiry.app/resources/modern-e-commerce-ui-ux-design-principles-osklen-case-study): UI and layout techniques for modern, high-converting e-commerce storefronts (Tip, Free)
- [Motiff](https://xiry.app/resources/motiff): AI UI design tool and generator (discontinued). (Web app, Freemium)

Updated 11 October 2026. Page: https://xiry.app/resources/15-ui-sites-you-ll-need

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.