FlowLite Laravel - User Flow Builder

FlowLite Laravel 12 – User Flow Builder

FlowLite is a small interactive web application designed to build user flows. With FlowLite you can visualize user journeys or plan a website for a client using a various wireframes and customizable shapes.

Try it out (version 1.2)
FlowLite Demo

You can register new user or use the following credentials:
User: [email protected]
Password: password

AI-Powered Flow Generator
The demo version allows you to test AI flow generation. However, each user is limited to 20 generated flows. If you’d like to test it, please register a new user account (it will be activated automatically), and you will receive 20 free generations to experiment with.

Please be aware that the database in the demo version is periodically reset.

Features

• AI flow generation: Ability to generate flow based on prompt.
• 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.
• Publish flow: Provide an sharable link where users can view the flow.

Technology Stack

FlowLite is built with the following stack.

• Build (PHP): Laravel 12 is used to setup development envirement.
• Frontend: React is used to build interactive user interface..
• Database: You can use MySQL, SQLite or other database supported by Laravel.
• Styling: TailwindCSS is used for application styles + shadcn/ui components.
• OpenAI: To use AI flow generation you will need to have OpenAI API key.

* All libraries used in FlowLite project are release under MIT license.