AI Resource and UI Design Sites Worth Saving

These are working libraries, not a list of random AI apps. Save the ones that match the job you are doing, then check the license, publisher, permissions, and repository before you install or publish anything.

What this helps you do

Use this page when you need a reusable skill, an AI connector, a website component, an animation, or an editing asset and do not want to begin from a blank search.

Before you start

Know what you are making, which tool it must work with, and whether the finished work is personal, client, or commercial work.

Terms to know

• Skill: instructions that teach an AI agent how to do a specific job.
• Connector or MCP server: a connection that lets an AI tool read data or take actions in another service.
• License: the rules that say how an asset may be used.

Step-by-step

1. Open Skills.sh for reusable agent skills.
2. Open MCP.so to browse MCP servers and connectors.
3. Open 21st.dev for interface components and design references.
4. Open Magic UI for open-source animated React components.
5. Open unDraw for recolorable SVG illustrations. Check its current license before commercial use.
6. Open Hugging Face Spaces for live machine-learning demos. A public Space can still collect inputs or use third-party services, so inspect it before uploading data.
7. Open OpenRouter for models currently marked free. Free availability, quotas, logging, and providers can change.
8. Open Freesound for community audio. Each file carries its own license and may require attribution.
9. Open Photopea for browser-based image editing and common design-file formats.
10. Open Lucide for open-source icons and current framework packages.
11. Open Fontshare for fonts. Confirm the license for the exact family and use.
12. Open LottieFiles for animated assets. Check the asset license and download terms.
13. Open Coolors for palettes and quick visual previews.
14. Open Mixkit for video, music, sound, and editing templates. Check the license for the asset type.
15. Read the publisher page, license, download format, and attribution rule before using anything publicly.

Five component libraries for a less generic website

1. shadcn/ui gives you editable React components. Use it for forms, menus, and common controls.
2. Magic UI offers animated React components. Check whether the specific component or template is free.
3. React Bits has motion components, including animated text. Check your framework and performance before adding one.
4. HyperUI offers ready-made Tailwind sections, including pricing and testimonials.
5. Uiverse collects community-built interface pieces such as buttons and toggles. Inspect the code and license of the item you choose.

Five free-to-browse UI and UX reference sites

1. Web Anatomy breaks real pages into sections you can study, from hero areas to pricing.
2. Mobbin shows real app screens and flows. Its free browsing is limited, so check its current plan before committing to a workflow.
3. Lapa Ninja is a gallery of landing pages across styles and industries.
4. Typewolf shows how fonts are paired on real sites.
5. Awwwards is useful for visual direction and interaction ideas. You can browse showcased sites without assuming every associated feature is free.

Pick two references and describe the specific layout, typography, or interaction you want. Build an original page from those traits rather than copying someone else's site.

Copy this

Review this resource before I use it: [PASTE URL]. Tell me who publishes it,
what it installs or downloads, which permissions it requests, its license, and
the safest small test I can run. Link to the source for every claim.

Things to know

A directory listing is not a security review. Community packages may change, disappear, or include code and services outside the directory. Keep credentials out of prompts and test unknown packages away from sensitive data.

If something goes wrong

If an asset has no clear license, do not publish it in client or commercial work. If a connector asks for more access than its job needs, stop and choose a narrower option.

Final check

You pass when you can name the publisher, license, requested access, source repository when available, and one reversible test.