if you are tired of your websites looking vibecoded here are 15 UI resources you need.
1 - http://ui-skills.com - design playbooks for humans and coding agents. can be used to audit UI, fix generic AI design, improve motion, accessibility, and polish.
2 - http://coss.com/ui - a http://Cal.com’s production-ready design system. Accessible React components you own. Great for building real product UI without the usual SaaS look.
3 - http://designsystemchecklist.com - it's a practical design-system checklist that stops agents from creating random UI styles.
4 - http://reui.io/components -
1,000+ free shadcn components and advanced patterns like data grids, kanban, gantt, filters, and calendars. very good for complex product interfaces.
5 - http://kinetics.colorion.co - ready-made spring animations with CSS, React, and AI prompts.
6 - http://iconcreator.dev - free browser-based custom icon designer.
7 - http://vibeprompts.dev - 256 prompts for specific UI sections like dashboards, pricing, auth, onboarding, and hero sections. Give agents a concrete layout target instead of “make it look good.”
8 - http://animatedbuttons.colorion.co - 99 CSS-only button interactions. Copy the CSS or prompt. Good for keeping interactions consistent across your product.
9 - http://component.gallery - 2,600+ examples from 95 real design systems.
10 - http://designsystems.one -88 production design systems with tokens, stacks, and downloadable design(.)md files.
11 - http://utopia.fyi - generates fluid typography and spacing.
12 - http://open-props.style - ready-made design tokens for colors, shadows, radii, spacing, easing, and more. Stops agents from inventing random values everywhere.
13 - http://interfaces.rauno.me - checklist of tiny interaction details that make interfaces feel finished.
14 - http://bg.ibelick.com - copy-paste backgrounds for Tailwind and CSS.
15 - http://motion-primitives.com - reusable motion components for React.
