A React-based application for creating and managing Hex Flowers, inspired by the Hex Flower Power concept. This tool allows users to build hex flowers with a drag-and-drop interface. This entire application was developed by myself and Cascade in Windsurf as an exercise in learning how to talk with agentic AI. The code is not production ready for whatever definition of production you may use.
- Updated tile creation flow!
- Customizable tiles
- Crop, zoom, rotate tile images
- Tile images respect transparency
- Tile background colors for text
- Save and load your hex flower configuration and library to your machine.
- Export your flower as either an SVG or a PDF
- Choose three different Layout Sizes
- Move, swap, and delete tiles in the flower.
- Delete tiles from your library by dragging to the trash
- Install dependencies:
npm install- Start the development server:
npm run dev- Build for production:
npm run build- Preview the production build:
npm run previewOpen an issue. Send a PR.