Resources
A hand-picked toolkit of UI libraries, icons, animations and inspiration for building with Lovable.
Showing 63 of 63 resources
💜 Lovable Ecosystem
Start hereGo from idea to working app with AI — hands-on missions, tutorials, templates, and prompting guides
Best for · Guided learning path & hands-on missions
Step-by-step course to build your first app — from idea to deployed product
Best for · Structured beginner-to-intermediate course
The 5 principles of great prompting — know what you're building, build one piece at a time, be specific, use the right tool, iterate
Best for · Mastering AI prompting techniques
Start from a working app and remix it — pre-built templates for common app types
Best for · Quick-start templates & remixable apps
Watch and learn — video tutorials and walkthroughs for every skill level
Best for · Video-based learning & demos
Deep-dive prompting guide — advanced techniques, patterns, and real-world examples for power users
Best for · Advanced prompting & power-user workflows
Official documentation — quickstart guides, features, and API reference
Best for · Learning Lovable features & APIs
Built-in backend: database, auth, storage, and edge functions
Best for · Backend without external setup
Add Gemini/GPT to your apps with no API keys needed
Best for · AI-powered features without API keys
Join the community — ask questions, share projects, get help
Best for · Community support & project sharing
⭐ Stars
Top-tier resources that stand out
38 battle-tested prompt recipes for security, payments, performance, and more
Best for · Ready-made prompt recipes & workflows
Collection of React patterns, techniques, tips, and tricks
Best for · React patterns & best practices
AI-powered component search and generation platform
Best for · AI-generated components
Beautiful, accessible components built with Radix and Tailwind
Best for · Accessible component foundation
⚡ Supabase & Backend
Backend, database, auth, and server-side tools
Official Supabase documentation for database, auth, storage, and edge functions
Best for · Backend & database reference
Authentication guides — email, OAuth, phone, and RLS policies
Best for · User authentication & authorization
Learn to secure your database tables with RLS policies
Best for · Database security & access control
Serverless functions at the edge — connect APIs, process data, run backend logic
Best for · Serverless backend logic
🔍 SEO & Performance
SEO auditing, performance, and optimization tools
Automated audits for performance, accessibility, SEO, and best practices
Best for · Performance & SEO auditing
Monitor your site's search presence, fix indexing issues, and improve rankings
Best for · Search indexing & ranking insights
Analyze page speed and get specific suggestions to improve Core Web Vitals
Best for · Page speed optimization
Structured data vocabulary — add JSON-LD markup for rich search results
Best for · Rich snippets & structured data
Preview and generate meta tags for social sharing (OG, Twitter cards)
Best for · Social media meta tag previews
🎯 Design Inspiration
Browse real designs for ideas and inspiration
Industry-standard design tool for UI mockups, prototypes, and collaboration
Best for · Creating UI mockups & prototypes
Community for showcasing creative design work — browse millions of shots for inspiration
Best for · Visual design inspiration
Adobe's creative portfolio platform — explore web design, UI/UX, and branding projects
Best for · Creative portfolio & UI inspiration
Award-winning website designs — the best of web design judged by professionals
Best for · Award-winning web design references
Mobile & web design patterns from real apps — search by screen type, flow, or element
Best for · Real-app UX patterns & flows
Visual discovery engine — search for UI/UX design ideas, color palettes, and layouts
Best for · UI/UX mood boards & visual ideas
Curated showcase of the finest web and interactive design
Best for · High-quality web design gallery
Free gallery of landing page designs sorted by category and color
Best for · Landing page design inspiration
Real product design references — browse actual interfaces from top companies
Best for · Real product design references
Curated collection of astronomically well-designed websites for inspiration
Best for · Premium web design inspiration
Hand-picked collection of minimal and clean website designs
Best for · Minimalist design references
Gallery of single-page websites with templates and resources
Best for · Single-page website inspiration
Curated gallery of the best SaaS landing page designs
Best for · SaaS landing page references
Hand-curated gallery of the best dark-themed website designs
Best for · Dark mode design inspiration
🎨 UI Libraries
Component libraries and UI frameworks
Beautiful, accessible components built with Radix and Tailwind
Best for · Accessible component foundation
Unstyled, accessible components for React applications
Best for · Unstyled accessible primitives
Official Tailwind CSS component library with premium designs
Best for · Premium Tailwind components
React library for building dashboards and data visualizations
Best for · Dashboard components & charts
Modern React UI library with beautiful default styles
Best for · Polished default-styled components
Enterprise-class React UI library with comprehensive components
Best for · Enterprise apps & admin panels
Copy-paste animated components for modern web apps
Best for · Animated hero sections & effects
Animated components and effects for React applications
Best for · Animated landing page components
Collection of beautiful UI components for React
Best for · Clean, minimal components
React components implementing Google's Material Design
Best for · Material Design apps
Modern Figma UI kit and design system
Best for · Figma design system & kit
Tailwind CSS components with a playful aesthetic
Best for · Playful, fun components
Collection of smooth animated UI components
Best for · Smooth micro-interactions
Modern audio-focused UI components
Best for · Audio/voice UI components
📚 Collections & Templates
Design templates and component collections
Collection of landing page designs and inspirations
Best for · Landing page inspiration
Premium templates and themes for Material UI
Best for · Premium Material UI templates
Massive library of web templates and assets
Best for · Massive template library
Curated landing page sections and components
Best for · Landing page sections
Gallery of the best landing page designs
Best for · Landing page gallery
✨ Icons
Icon libraries and animation packs
🎬 Animations
Animation libraries and motion tools
Low-level 3D graphics API for browsers
Best for · Low-level 3D rendering
JavaScript 3D library for WebGL rendering
Best for · 3D scenes & visualizations
React renderer for Three.js - declarative 3D in React
Best for · Declarative 3D in React
Professional-grade animation library for the web
Best for · Complex scroll & timeline animations
Production-ready React animation library
Best for · React layout & gesture animations