Div-idy documentation
Build React apps.
Make them your own.
Div-idy turns plain-language prompts into interactive React and TypeScript apps. Build forms, calculators, content apps, AI tools, maps, and games. These guides explain what is possible and how to make it work.
Looking for inspiration? Browse app-building articles →
From an idea to a working app
You describe it.
Div-idy builds the React app.
No React experience required. Start with a useful task, then shape its pages, design, and behavior through follow-up prompts.
Build your first app- Describe the experienceName the audience, pages, actions, and data you need.
- Review the saved draftTry the interactions and refine the result.
- Publish and shareChoose live pages, then use the available distribution tools.
Getting started
5 guidesHow to create a React web app with Div-idy
Create a React and TypeScript app with Div-idy. Describe its behavior, review the saved private draft, refine it, and publish when you are ready.
Getting startedHow to write effective Div-idy app prompts
Describe users, interactions, data, design, and expected results to generate a useful React app and make precise follow-up changes in Div-idy.
Getting startedDiv-idy build progress, saved drafts, and recovery
Understand React generation, code checks, background build status, saved draft recovery, and what to do when a Div-idy build appears interrupted.
Getting startedWhat can you build with Div-idy?
Explore the React apps Div-idy can create: interactive sites, calculators, forms, content tools, AI assistants, maps, and lightweight browser games.
Getting startedHow build tokens and AI usage work in Div-idy
Understand Div-idy build tokens, in-app AI usage, account allowances, and how to plan focused React app builds and edits.
React apps
5 guidesUnderstanding Div-idy’s React and TypeScript output
Learn what Div-idy generates, how React source becomes a working browser app, which imports are supported, and how draft edits reach the live version.
React appsHow to build a multi-page React app with Div-idy
Create connected React pages in Div-idy with consistent navigation, shared data choices, useful page metadata, and a reviewed publishing flow.
React appsHow to build mobile-friendly React apps with Div-idy
Prompt and test responsive Div-idy apps with usable touch controls, readable forms, adaptable navigation, and layouts that work on phone screens.
React appsHow to build interactive React pages with Div-idy
Create interactive Div-idy pages with filters, tabs, forms, dynamic results, saved preferences, and clear loading, error, and success states.
React appsUse images, design references, and icons in Div-idy
Add photos, design references, and icons to Div-idy apps. Guide image placement and cropping, and manage project and installable-app icons.
App recipes
2 guidesHow to build a browser game with Div-idy
Build a React browser game with Div-idy. Define rules, controls, scoring, and restart behavior; add artwork or lightweight room-based multiplayer.
App recipesHow to build a calculator web app with Div-idy
Build a React calculator in Div-idy with explicit formulas, validated inputs, clear units, predictable rounding, and tested example results.
Database and content
5 guidesUse the built-in database in Div-idy
Build forms, blogs, catalogs, and shared public content with Div-idy’s built-in database. Learn how visitor submissions and owner-managed records work.
Database and contentManage records and saved views in Div-idy
Inspect, edit, and export project data in Div-idy. Customize table, card, or gallery views without changing stored records or publication settings.
Database and contentBuild a form that saves visitor submissions
Create contact forms, waitlists, feedback forms, and RSVPs with Div-idy’s built-in database, validation, loading states, and real submission receipts.
Database and contentUnderstand project data permissions and sign-in
Understand Div-idy’s data permissions: private owner editing, visitor submissions, and public content. Learn why login screens do not create visitor accounts.
Database and contentBuild a blog with owner-managed content
Create a React blog, article library, or news page in Div-idy with persistent drafts, explicit publishing, public reading, and private owner editing.
AI and maps
6 guidesBuild an AI chatbot or text assistant with Div-idy
Create a working AI chatbot, writing assistant, summarizer, or translator in Div-idy with built-in text generation, custom context, and clear request states.
AI and mapsGive your app’s AI custom context
Add business facts, policies, examples, and response instructions to Div-idy AI Context. Understand project memory, saved context, and relevant database data.
AI and mapsAdd Google Maps, place search, and directions
Build interactive maps in Div-idy with location markers, place search, and directions. Learn what to request and how to test the published experience.
AI and mapsBuild an AI image generator in Div-idy
Create a React image-generation app in Div-idy with prompt inputs, image options, real generated results, request states, and built-in AI usage controls.
AI and mapsAdd image understanding and text-to-speech
Build image-analysis and read-aloud features in Div-idy with supported image inputs, text-to-speech audio, explicit user actions, and built-in AI.
AI and mapsBuild a location directory or store locator
Combine owner-managed location records, a searchable React directory, and Google Maps in Div-idy. Publish locations deliberately and test real map behavior.
Publishing and sharing
7 guidesHow to edit a web app after publishing
Update a published Div-idy app privately, test the saved draft, and publish changes to the right page without replacing other live pages.
Publishing and sharingPublishing pages and project privacy
Understand private drafts, unlisted live pages, per-page publishing, and how to confirm which Div-idy pages visitors can open.
Publishing and sharingHow to embed a Div-idy project on a website
Embed a published Div-idy app on your website. Copy the page’s iframe code, set its title and height, and test the live app inside the host page.
Publishing and sharingHow to generate a QR code for a web app
Download a QR code for a published Div-idy Home page or saved app link, then verify its destination and printed readability.
Publishing and sharingInstall a Div-idy web app on your Home Screen
Enable a Div-idy app link, customize its name and icon, and let visitors install the published web app on supported devices.
Publishing and sharingSend web push notifications to app subscribers
Enable optional notifications for a Div-idy web app, review a message and live destination, and understand send status and delivery limits.
Publishing and sharingConnect a custom domain to your Div-idy app
Connect a www or app subdomain to published Div-idy pages, verify DNS records, and understand connection status and supported addresses.
Analytics and testing
6 guidesHow analytics session tracking works
Learn what Div-idy visits, visitors, time on page, and events measure, and how filters affect the analytics you see.
Analytics and testingHow to track events in Div-idy Analytics
Use Div-idy Analytics to inspect automatically recorded button, link, form, AI, and database events. Understand occurrences, visitors, and visitor reach.
Analytics and testingTroubleshooting analytics data in Div-idy
Resolve missing visits or events by checking live publication, filters, browser conditions, and the meaning of Div-idy analytics metrics.
Analytics and testingHow to create your first A/B test
Create a paused Div-idy variant, edit only Variant B, verify both versions, and launch a test on an unlisted live page.
Analytics and testingUnderstanding A/B test metrics
Read Div-idy A/B views, unique visitors, event rates, growth, and average time without confusing repeated actions with successful conversions.
Analytics and testingA/B test QA checklist and common pitfalls
Check Div-idy test scope, live status, sticky assignment, variant behavior, and event attribution before trusting an A/B comparison.
SEO and discovery
2 guidesEdit metadata for your Div-idy React app
Use Div-idy’s SEO tool to edit page descriptions and keywords, update draft metadata, and publish the reviewed changes to live pages.
SEO and discoverySEO, AI answers, and discoverability for Div-idy projects
Understand SEO and answer-engine visibility, Div-idy’s hosted-page indexing policy, and how to describe and embed your app on a public website.
No matching guides. Try a shorter phrase or browse the FAQ.
Find your next step
Start with the outcome you want.
Explore app ideas, compare the built-in tools, and choose the features your project needs.