ether-ui
Beautiful React components, zero compromise.
ether-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 ether-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.
See it in action
What developers say
"ether-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. ether-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 ether-ui free to use?
Yes, ether-ui is completely free to use in personal and commercial projects. See the license for details on redistribution.
How do I install ether-ui?
Install via npm: npm install ether-ui. Visit the demo site for full installation instructions and getting started guide.
Does ether-ui support server-side rendering?
Yes, ether-ui is compatible with SSR frameworks like Next.js and Remix.
Can I customize the component styles?
Absolutely. ether-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?
ether-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
ether-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 ether-ui library itself does not collect, transmit, store, or process any personal data.
Data Collection
ether-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 ether-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 ether-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 ether-ui or the Developer. 3. Commercial Redistribution or Resale — You may not sell, rent, lease, or otherwise monetize ether-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
ether-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