{"repo":"tweeedlex/react-magic-ui","free":true,"listed":false,"github":"https://github.com/tweeedlex/react-magic-ui","clone":"git clone https://github.com/tweeedlex/react-magic-ui.git","description":"React component library for creating liquid glass interfaces","language":"TypeScript","stars":26,"topics":["design-system","glassmorphism","liquid-glass","react","storybook","tailwindcss","typescript","uikit","vitest"],"license":"MIT","category":"ui-components","readme_excerpt":"react-magic-ui A React component library for creating stunning liquid glass effect UI components. 🚀 Live demo Here you can mess with the components. Enjoy! Installation 1. Install the library using npm: 2. Import styles in your main application file (e.g., index.tsx or App.tsx ): Documentation 📚 Live Component Examples in Storybook Explore all components with interactive examples, props documentation, and live code previews in our Storybook. Usage Import the components you need: Available Components - Button - Customizable button with liquid glass effect - Card - Container with glassmorphism styling - Input - Styled input field - Switch - Toggle switch component - Toast - Notification toast messages - Modal - Modal dialog component - Tabs - Tabbed interface component - Badge - Label and badge component - Sidebar - Navigation sidebar - Topbar - Top navigation bar - Checkbox - Checkbox component - Select - Select component - Slider - Slider component - Glass - Base glass effect wrapper (used for creating custom components) Features - 📱 14 components for your basic needs - 🎨 Beautiful liquid glass effect - 🌈 Liquid-like glassmorphism animations - 🔧 Customizable with props - 📦 Create your own custom components with Glass component ⚠️ NOTE: Safari and Firefox only partially support the effect (displacement will not be visible) Featured In - 📰 [[Medium] JavaScript in Plain English](https://javascript.plainenglish.io/react-magic-ui-e4289a3a0e8b) Development Contributing Plea","default_branch":null,"files":null,"tree":[],"storefront":"/r/tweeedlex","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tweeedlex/react-magic-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."}