Web3 UI Components
Goal is to have UI library that works seamlessly with standards compliant smart contracts providing solid UI design principles out of the box but with ability to be customised without limits.
As per Headless UI from Tailwind Labs.
Gather all the web3 ui components libraries to enable comparison and gap analysis.
Libaries
| URL | CSS | Notes |
|---|---|---|
| Eth Hooks - Scaffold Eth | n/a | |
| Eth Components - Scaffold Eth | ant | |
| Web3 UI - Developer DAO | ||
| Web3 React - Noah Zinsmeister | ||
| Web3 UI Kit - Web3UI |
Best Practices
Collect best practices for creating web3 applications and compare against design implementations of libraries that are available.
| Source | Practice | Scaffold Eth |
|---|---|---|
| General | Saving Gas | |
| General | App Performance | |
| MetaMask | Onboarding Users |
Resources
| URL | Notes |
|---|---|
| Eth Hooks - Scaffold Eth |
Related
| Page | Notes |
|---|---|
| Component Driven Development | Architecture |
| MetaMask | Dominant Wallet |