{"repo":"synergycodes/overflow-ui","free":true,"listed":false,"github":"https://github.com/synergycodes/overflow-ui","clone":"git clone https://github.com/synergycodes/overflow-ui.git","description":"Open-source collection of ready-to-use UI components for building node-based user interfaces with React Flow.","language":"TypeScript","stars":58,"topics":["data-visualization","diagramming","diagrams","drag-and-drop","flow-diagrams","flow-editor","open-source","react","react-components","ui-components"],"license":"MIT","category":"ui-components","readme_excerpt":"[//]: # 'This README file is part of the Overflow UI documentation website (check overview.mdx)' A React Flow components library for creating node-based user interfaces and diagram-driven apps. Built to work seamlessly with React Flow, it provides a collection of ready-to-use components and templates that simplify the development of visual editors, workflows, and interactive diagrams. Developed and maintained by Synergy Codes . Quick Start: 3-Minute Guide 📦 Installation Overflow UI relies on @base-ui/react (headless component primitives) and @phosphor-icons/react (icon set) as peer dependencies. Install all three at once: 🎨 Import styles Add to your style sheet or component: 🌗 Set the theme To make the styles use proper variables, include data-theme ( light or dark ) attribute in : 🎛️ Use components The library has a per-component subpath export, so you can import only what you use and let your bundler tree-shake the rest: The barrel import ( from '@synergycodes/overflow-ui' ) is also supported and tree-shakes equally well in modern bundlers. Customization Each Overflow UI component uses CSS variables that are derived from primitive values. You can override them: or a derived value used by the selected component: Overflow UI CSS layers Overflow UI uses CSS layers to separate its styles from yours. By default, CSS styles outside of any layer take precedence over what Overflow UI defines, so your styles will always win the specificity war. You can customize Overflow UI comp","default_branch":null,"files":null,"tree":[],"storefront":"/r/synergycodes","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/synergycodes/overflow-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}