Premium UI Component Libraries

Full reference doc: /home/podhi/.openclaw/workspace/docs/premium-ui-components.md

When to Use This Skill vs Coding from Scratch

Use these libraries when:

• Building landing pages, marketing sites, or product showcases
• A visual moment needs to feel premium (hero, CTA, testimonials, stats)
• The request is "make it look like [X SaaS product]" or "add some polish"
• You need a specific effect (typewriter, shimmer, parallax, 3D card, aurora)

Code from scratch when:

• It's a utility UI (forms, tables, CRUD, dashboards) — animation is noise here
• The design system has strict brand constraints these components would fight
• The effect is simple enough that a Tailwind class or CSS keyframe is 10 lines
• Framer Motion isn't in the project and adding it isn't justified

Rule of thumb: If the component serves a marketing/impression purpose, reach for the libraries. If it serves a functional/workflow purpose, keep it simple.