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.