Trickle
Trickle is for people who frequently capture screenshots for later use and struggle with managing and finding them from the depths of buried folders. With Trick...
Last verified:
What is Trickle?
Trickle is the first AI agentic canvas for vibe coding that transforms natural language into production-ready web apps and websites. It combines a visual Magic Canvas workspace with AI-powered code generation, allowing users to co-create with AI visually. The platform features built-in image and video generation, AI models, a built-in database, and design tools—all integrated into one environment.
Key features include the Magic Canvas for context engineering where agents better understand user intent to build multi-page apps, natural language prompting to create apps in seconds, Figma-to-app conversion by uploading design screenshots, Excalidraw sketch transformation into functional apps, and website cloning from screenshots. Users can enable database storage for form submissions, add built-in AI features to apps, implement responsive mobile layouts, and export code files without deploying. The platform also includes website hosting, custom domain support, and a community projects showcase.
Trickle is designed for anyone who wants to build web apps without coding expertise—including entrepreneurs creating MVPs, developers prototyping ideas, marketers building landing pages, designers converting Figma designs to apps, and businesses validating products in the market. It's ideal for people who frequently capture screenshots for later use and struggle with managing them, as well as teams wanting to streamline workflow creation.
Trickle pricing
Pricing model: Freemium
Free: $0/month - 70 daily credits (up to 350/month), 100 database rows, built-in database, website hosting included, up to 3 projects, plus add-on packages (+750 credits for $10, +1500 credits for $20). Pro: $17/month - 1,500 monthly credits, 350 free credits with no daily limits, 3 trickle.host domains, 1 custom domain, 1,000 database rows, remove Trickle badge, unlimited projects, private projects, plus same add-on packages. Premium: $42/month - 3,750 monthly credits, 350 free credits with no daily limits, 10 trickle.host domains, 3 custom domains, 10,000 database rows, all Pro features, plus same add-on packages.
Trickle pros
- Build web apps in seconds using natural language
- First AI agentic canvas for visual vibe coding
- Magic Canvas improves AI understanding of user intent
- Built-in database for storing form submissions
- Includes website hosting on all plans
- Convert Figma designs to apps via screenshots
- Transform Excalidraw sketches into functional apps
- Clone existing websites from screenshots
- Built-in image and video generation
- No tokens consumed when fixing errors
- Export code files without deploying
- Duplicate community projects to start faster
- AI automatically diagnoses and fixes console errors
- Custom domain support on Pro and Premium plans
- Remove 'Built with Trickle' badge on paid plans
- Unlimited projects on Pro and Premium plans
- Basic AI models included for apps
- Private projects available on Pro plan
Trickle cons
- Free plan shows 'Built with Trickle' badge
- Free plan has daily credit limits (70 credits/day)
- Custom domains not available on free plan
- Free plan limited to only 3 projects
- Free plan has only 100 database rows
- Pricing not fully transparent without signup
- Only basic AI models included (not advanced)
- Exported files don't include database data
- Exported files don't include AI functionalities
Frequently asked questions about Trickle
What can I build with Trickle?
Trickle empowers you to create a wide range of applications including user-facing platforms, business tools, and MVPs designed for market validation. You can build functional prototypes, experimental projects, landing pages, SaaS startups, AI apps, and forms. The community projects showcase at app.trickle.so features various tools and apps created by users, and the Discord #showcase channel has completed projects for brainstorming.
How can I start my project?
You can start through five approaches: (1) Prompting - describe what you want in the prompt box with specific details like 'Create a fancy landing page for a SaaS startup with dark purple gradient background'; (2) Duplicating - copy existing public projects from the community; (3) Using Figma - screenshot your design and paste/drag it into Trickle to convert to interactive pages; (4) Sketching with Excalidraw - screenshot your UI sketch and Trickle transforms it into a functional app; (5) Cloning a Website - screenshot any webpage and Trickle recreates its structure.
How to remove the 'Built with Trickle' badge from deployed pages?
For free users, the 'Built with Trickle' badge cannot be removed. If you upgrade to a Pro or Premium plan, the badge will be removed automatically as part of the plan features.
How to enable a database to store data?
To store form submissions in the built-in database, simply tell the AI in chat: 'Store the form submissions in the Trickle database.' The database capability varies by plan: Free has 100 rows, Pro has 1,000 rows, and Premium has 10,000 rows.
How to enable AI in your apps?
If your app requires AI features like AI assistance, the built-in AI functionality will be enabled automatically. No additional settings are needed - Trickle includes basic AI models for your apps on all plans.
How to change the trickle.host domain?
Click 'Sites' in the sidebar to access domain settings. For free users, custom domains cannot be set. For Pro or Premium users, click the 'New domain' button to add a custom domain, then choose a deployed project to use with it. Free gets no custom domains, Pro gets 1 custom domain, and Premium gets 3 custom domains.
How to improve the mobile experience?
To make your apps mobile-friendly, simply tell the AI in chat: 'Use a responsive layout for mobile compatibility.' Trickle will automatically implement responsive design for mobile compatibility.
How to fix a 'Preview page blank' issue?
If the preview page appears blank, try: (1) Refresh the page; (2) Restore to a previous version by clicking the 'History' button in the top-left corner of the preview window to roll back to the last working version; (3) If still blank, type in chat: 'I'm seeing a blank page, please check and fix.' The AI will diagnose and resolve the issue.
Will fixing errors consume tokens?
No, fixing errors does not consume any tokens. This feature allows you to focus on perfecting your projects without worrying about token usage or additional costs. You can copy browser console errors and paste them into chat for the AI to automatically diagnose and fix.
Can I export the code files for my website?
Yes, you can export your website's code files without deploying. Navigate to the project, click the 'Code' tab at the top of the preview panel, then click the 'Download Files' button at the bottom-left corner. Please note that exported files do not include data from your database or any AI functionalities associated with your project.