FlowLite – User Flow Builder

FlowLite – User Flow Builder

FlowLite is an interactive web application designed to build user flows. With FlowLite you can visualize user journeys across websites and social media using a various wireframes and customizable shapes. Focused on usability and simplicity, it streamlines the design process for creating interactive and engaging user flows. Please try it out with live demo.

Features

• Wireframe templates: Include commonly used user flow templates (e.g., landing page, call to action, website, register).
• Interactive Connections: Enable users to draw and rearrange connections between nodes with arrows indicating flow direction.
• Drag-and-Drop Editor: Allow users to easily create and connect elements in the flow.
• Annotations: Allow users to add comments or notes to areas of the flow.
• Edge customization: Support for changing colors and styles of connectors.
• Social media: Include commonly used social media platform icons.
• Custom shapes: Include custom shapes (e.g., rectangles, circles, diamonds) for common user flow components like decision points or actions.
• Preview mode: Provide an interactive preview where users can view the flow.

Technology Stack

FloorLite is built with the latest modern technology ensuring optimal performance and scalability.

• Build process: Vite is used to setup development envirement and build process.
• Frontend: React and ReactRouter is used to build interactive user interface.
• State Management: Custom hooks and Zustand are using for state management.
• Database: LocalStorage is used to store data in a user browser.
• Styling: TailwindCSS are employed to manage styles in application.