UI/UX Inspiration

Framer

Workshop
Your built-in developer Workshop for advanced Components in Framer. Create new visual effects, cookie banners, tabs, and more—no coding needed.

Magicui

Ship beautifulbeautiful products in record time
9+ templates and 50+ landing page sections built with Next.js, Typescript, Tailwind CSS, Shadcn, and Motion. Save thousands of hours, create a beautiful landing page, and convert your visitors into customers.

Bulma

Bulma is a CSS library. This means it provides CSS classes to help you style your HTML code.

Jitter

Free motion graphics templates
Create professional animations in no time with Jitter’s collection of free, fully customizable motion design templates.

Aceternity UI

Ship landing pages at lightning speed.
200+ production-ready components, blocks and templates that make your site feel like you hired a design team. Copy, paste, customize, no wrestling with Framer Motion animations or Tailwind styling.

lightswind

Stunning React Components for Modern Developers
Create stunning web applications effortlessly by using our 151+ professional and animated React Components & 100+ UI Blocks.

Motion.dev

Motion. A production-grade
animation library for the web.
Free and open source. Create stunning web animations for React, JavaScript and Vue.

Animate-ui

Animate your UI with smooth style
A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.

Motiff

Motiff positions itself as the bridge between design and development. While it generates UI from prompts like other tools, its focus is production-ready code export. Describe a component ("pricing table with three tiers and feature comparison"), and Motiff generates the design plus clean React or HTML code that developers can implement immediately. The credit-based system charges per generation, with different costs for wireframes vs. high-fidelity designs.

Chakra-ui

Chakra UI is a component system for building products with speed
Accessible React components for building high-quality web apps and design systems. Works with Next.js RSC

UI Component Libraries

List of popular and maintained UI component libraries for various frameworks.

Letsenhance

Enhance, enlarge, and fix
any image with AI
Enhancer
Improve photo quality, recover detail, and fix color

Fronty

Convert image to HTML CSS
World's first image to HTML converter
Get the HTML CSS code of your project in no time!
AI-Powered tool to create a website in few minutes.

Genspark

Genspark Claw unifies your Local Computer and multiple Cloud Computers in one workspace for seamless access and management.

UI UX Pro Max

UI UX Pro Max
Design Intelligence
Searchable database of UI styles, color palettes, font pairings, chart types, and UX guidelines. Build beautiful interfaces with AI-powered design recommendations.

Top 8 Claude Skills for UI/UX Engineers

The numbers reflect this. AI adoption among UX researchers jumped to 80% in 2025, according to Loop11's annual survey. Senior designers report outputting the volume of work previously associated with a 3-person team

Lovart

Design a Product Page
for a Next-Gen Running Brand

Barba

Create badass, fluid and smooth transitions
between your website’s pages.

Gsap

GSAP – A wildly robust JavaScript animation library built for professionals

Motionsites

Unlock your AI
Design SuperpowersSuperpowers
Build beautiful landing pages in minutes with our ready-to-use prompt library. Just copy, paste, and launch.

21st

Welcome to 21st
AI-powered UI builder and a community library of open-source React/Tailwind components, screens, and themes.

ReactBits

React components for
creative developers
Highly customizable animated components & backgrounds that drop into your project and instantly make it stand out