All projects · SaaS Product Tools
FluxFrame — Section Builder
A drag-and-drop page section builder with a synchronized live preview: reorder Hero, Features, Testimonials, and FAQ blocks and watch the mirrored…
A drag-and-drop page section builder with a synchronized live preview: reorder Hero, Features, Testimonials, and FAQ blocks and watch the mirrored preview and numbered badges update instantly. Layout order persists across reloads via localStorage, with a one-click reset to defaults.
- Native HTML5 drag-and-drop with live mid-drag reordering and drop-indicator styling
- Two-panel builder/preview kept in sync from a single order array
- Order persisted to localStorage with corrupt-data guarding and a 'Layout saved' flash
- Polished futuristic glassmorphism UI with neon-teal accents and animated cards
Built with: HTML, CSS, Vanilla JavaScript, HTML5 Drag and Drop API, localStorage, Google Fonts (Sora, Outfit)