FormsCAN I VIBECODE
Feathery?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Feathery is a no-code form builder for designing multi-step, pixel-perfect forms. Its editor has four tabs: Design (responsive layouts, element styling, steps, conditional show/hide, preview/publish), Flow (step connections and navigation rules), Logic (calculations, custom JavaScript, API calls, and a natural-language Rule Builder for conditional behavior), and Results (view/manage submissions, CSV export/import, locate user IDs). Settings cover form name, theme, redirect URL, embed form ID, validation error display (browser-native vs inline), and user tracking (session persistence, resume where left off, location/data tracking). It offers a React/JavaScript SDK for one-line embedding, 100+ integrations (CRM, email, analytics, payments, project management), and Firebase-based user authentication. Docs note two designers can edit different logic rules simultaneously.
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a self-hosted replacement for Feathery, a no-code multi-step form builder. Core workflow: a designer creates a form in a visual editor with a canvas, element palette, and property panel; arranges fields across steps; styles elements via a shared theme; defines conditional show/hide and navigation rules in a natural-language rule builder; optionally adds custom JavaScript and API calls; previews and publishes; then reviews submissions in a results table with CSV export. Embedding: a small JS SDK that mounts a published form into any page via a script tag or React component, with an option to resume users where they left off.
User-facing requirements: drag-and-drop field placement, responsive container layout, theme system shared across forms, step editor with conditional navigation, rule builder (if/then branches with triggers like field change or step completion), submissions table with CSV export/import, and a publish/embed flow. Technical requirements: React front end for the builder, a backend API (Node/Express or Next.js) storing form definitions and submissions in Postgres, a JSON schema for form definitions, a sandboxed JS runtime (quickjs or a Web Worker) for custom logic, and a vanilla JS embed SDK. Implement the rule builder as a structured JSON ruleset evaluated client-side. Use sensible defaults: Tailwind for styling, Zustand for state, JWT auth for the builder.
Do not copy Feathery's brand, logo, marketing copy, proprietary assets, or UI layout; design an original interface. Out of scope: Firebase authentication, 100+ third-party integrations (support webhooks only), SMS/voice OTP, multi-user real-time co-editing, and native mobile apps. Deliver a README covering setup, the form-definition schema, how rules are evaluated, and important limitations (sandboxing constraints, no offline mode, single-region deployment).