21st.dev Integration
GAEditorReleased Apr 2026All plansSource: docs.lovable.dev
21st.dev Integration is Lovable's Editor feature: Drop 21st.dev components into a Lovable project from chat.
The 21st.dev integration pulls curated, production-ready React components from 21st.dev into a project, so teams compose polished UIs without hand-building each block.
Capabilities
- Browse 21st.dev components
- Import components into a project
- Preview blocks before install
- Compose UIs from proven patterns
Use cases
- Rapid landing-page assembly
- Marketing site building
- Component-driven prototyping
The link to lovable.dev uses a referral code. The atlas is otherwise unsponsored.
Frequently asked
What is 21st.dev Integration?
21st.dev Integration is Lovable's Editor feature: Drop 21st.dev components into a Lovable project from chat. The 21st.dev integration pulls curated, production-ready React components from 21st.dev into a project, so teams compose polished UIs without hand-building each block.
Is 21st.dev Integration GA or in beta?
21st.dev Integration is generally available (GA) on Lovable.
What Lovable plan includes 21st.dev Integration?
21st.dev Integration is available on all Lovable plans.
When did 21st.dev Integration launch?
21st.dev Integration launched on Apr 1, 2026.
Related in Editor
See all →What Lovable Shipped
One email a week. Every new feature. Nothing else.
A curated Monday roundup of every Lovable feature added or promoted to GA in the past week — pulled straight from the atlas.
No spam. Unsubscribe anytime. Independent, not affiliated with Lovable AB.