A free, local-first visual editor for designers to craft code in real React codebases
Stage
Not given
Startup
Founded
Not given
Not given
Based in
Not given
US
Pricing model
Freemium
Freemium
Pricing
Free: $0 forever with 1 active project, 15 plants max, 500+ plant library, summer sun and shade analysis, Year 1 and Year 15 growth views, watermarked PDF export. Pro: $9.99/month or $79/year (34% discount annually), with unlimited projects, unlimited plants per design, 10,000+ plant library, year-r
Free self-hosted version available on GitHub. For Teams: Custom pricing tailored to your team's needs. Contact us or book a demo.
Key features
Satellite imagery import with automatic scale detection from GPS coordinates
Year-round sun and shade analysis mapped to specific light conditions
Plant library with 500+ plants (Free) or 10,000+ plants (Pro) filtered by USDA hardiness zone
Growth timeline visualization from Year 1 to Year 15
Raised bed planner with grid-based crop layout and frost date scheduling
Succession planting and crop rotation tracking
PDF export of garden plans and plant shopping lists
Companion and antagonist planting warnings
Real-time visual editing of React components
Infinite canvas design interface
Real-time collaboration on code
Works with existing React projects and Storybook
What makes it different
Starts from a real satellite photo of your actual property, not a blank grid
Models sun and shade across the entire year, not just summer noon
Shows how every plant will look from Year 1 through Year 15 for accurate spacing decisions
Frost date calculations from 6,949 US weather stations for precise planting schedules
Built specifically for homeowners, not landscape architects or professionals
Code is the source of truth—no design drift from implementation
Works directly in real codebases with existing design systems
AI-assisted design generation that understands React architecture
Open-source and transparent to the development community
Plantyd
Onlook