Fluxo UI
Beautiful React components, zero compromise.
Fluxo UI is a carefully crafted React component library offering a comprehensive set of UI components — from primitive building blocks to complex composite patterns. Every component is built with accessibility (ARIA), TypeScript support, dark mode, and customization in mind.
What Fluxo UI can do
Fully Typed
Every component and prop is fully typed with TypeScript. Excellent IDE autocompletion and type safety out of the box.
Accessible by Default
All components follow WAI-ARIA guidelines. Keyboard navigation, screen reader support, and focus management built in.
Dark Mode Ready
Full dark mode support via CSS variables. Toggle between light and dark with a single class change.
Highly Customizable
Override styles with CSS variables or className props. Designed to integrate seamlessly with any design system.
Zero Dependencies
Minimal external dependencies. Lightweight bundle that won't bloat your application.
Rich Component Set
From primitives like Button and Input to complex patterns like DataGrid, DatePicker, and Modal — everything you need.
Comprehensive Docs
Every component comes with live examples, prop documentation, and copy-paste code snippets.
Regular Updates
Actively maintained with regular improvements, bug fixes, and new components added based on community feedback.
Heavyweight components, ready to drop in
From simple buttons to complex data tools — everything you need to build modern, polished React applications.
Kanban Board
Drag-and-drop columns and cards with custom renderers, swimlanes, and WIP limits.
Try it live ↗Gantt Chart
Interactive timelines with dependencies, milestones, resizing, and zoomable scales.
Try it live ↗Calendar
Month, week, day, and agenda views with event editing, recurrence, and time zones.
Try it live ↗Pivot Table
Drag-to-configure rows, columns, and measures with grouping, sorting, and aggregations.
Try it live ↗Image Editor
Crop, rotate, draw, annotate, and apply filters — all in a fully extensible canvas editor.
Try it live ↗And 62+ more components
Browse the full library ↗What developers say
"Fluxo UI is the component library I've been waiting for. The TypeScript support is excellent and the components are genuinely well-designed."
"The accessibility built into every component is something most libraries don't get right. Fluxo UI does. It's now my default choice for new projects."
"Dark mode support out of the box, TypeScript everywhere, and clean APIs. This is how component libraries should be built."
Frequently asked questions
Is Fluxo UI free to use?
Yes, Fluxo UI is completely free to use in personal and commercial projects. See the license for details on redistribution.
How do I install Fluxo UI?
Install via npm: npm install fluxo-ui. Visit the demo site for full installation instructions and getting started guide.
Does Fluxo UI support server-side rendering?
Yes, Fluxo UI is compatible with SSR frameworks like Next.js and Remix.
Can I customize the component styles?
Absolutely. Fluxo UI uses CSS variables for theming, so you can override any color, spacing, or typography token. You can also pass className props to any component for additional custom styling.
What React version is required?
Fluxo UI requires React 18 or later and TypeScript 5+.
Is there a Figma design kit?
A Figma design kit is on the roadmap. Check the demo site for updates.
Privacy Policy
Privacy Policy
Effective Date: March 29, 2026
Overview
Fluxo UI is a React component library. It is a client-side library installed in your project and runs entirely in the user's browser. The Fluxo UI library itself does not collect, transmit, store, or process any personal data.
Data Collection
Fluxo UI collects no data whatsoever. The library consists of React components that render UI elements. It makes no network requests, sets no cookies, and has no analytics or telemetry of any kind.
Demo Site
The demo site at fluxo-ui.utilsware.com is a static site hosted for demonstration purposes. Standard web server access logs (IP address, request path, timestamp) may be retained by the hosting provider for security and operational purposes. No personal data is actively collected or stored by the Developer from demo site visits.
Contact
Shridhar T L | Email: shridhar.tl@gmail.com | Website: utilsware.com
License Agreement
Software License Agreement
Copyright © 2024–2026 Shridhar T L (utilsware.com) — All rights reserved.
Grant of License
The Developer grants the User a worldwide, royalty-free, non-exclusive, non-transferable license to:
- Install, import, and use the library in any number of projects.
- Use the library for personal or commercial purposes, free of charge, without any licensing fees, now and in the future.
- Modify the source code for use within your own projects.
This license is granted at no cost and shall remain free of charge indefinitely.
Restrictions
The following are expressly prohibited without prior written approval from the Developer:
1. Redistribution as a standalone library — You may not publish, package, or distribute Fluxo UI as a standalone npm package or component library under a different name. 2. Rebranding — You may not remove, alter, or replace any copyright notices, branding, or attribution related to Fluxo UI or the Developer. 3. Commercial Redistribution or Resale — You may not sell, rent, lease, or otherwise monetize Fluxo UI or any derivative library based on it.
To request written approval for redistribution or any other use not covered by this license, contact: shridhar.tl@gmail.com
Free Forever
Fluxo UI is provided free of charge for all Users for both personal and commercial use in their own projects. This commitment is irrevocable.
Disclaimer of Warranties
THE LIBRARY IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED. USE OF THE LIBRARY IS ENTIRELY AT YOUR OWN RISK.
Limitation of Liability
TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, IN NO EVENT SHALL THE DEVELOPER BE LIABLE FOR ANY DAMAGES WHATSOEVER ARISING FROM THE USE OF THIS LIBRARY.
Contact
Shridhar T L | Website: utilsware.com | Email: shridhar.tl@gmail.com | GitHub: github.com/shridhar-tl