UX Bounty - Request for Feedback: A Unified UI Component Library

Ecosystem
,
14

:tada: Update: Dot UI Prototype Ready - Looking for Testers!

Hey Polkadot community! :waving_hand:

:white_check_mark: Phase 1 Complete → Phase 2 Live!

After successful community feedback and stakeholder alignment from our original post, we’ve completed Phase 1 research and built the Phase 2 prototype! @pastaMan has joined me on the mission to level up Polkadot frontend development. We have developed on a working prototype of the polkadot-ui library.

What’s Ready Now:

:hammer_and_wrench: CLI Tool (v0.5.0)

npx polkadot-ui list
npx polkadot-ui add address-input

:desktop_computer: Website: https://dot-ui.com/

:puzzle_piece: First Components Available:

  • AddressInput - Real-time validation, identity lookup, SS58/ETH support

  • RequireConnection - Smart connection state wrapper with fallbacks

Both components work with PAPI and Dedot, include full TypeScript support, and follow the shadcn/ui registry philosophy = copying components to your codebase for full adaptability.

Many thoughts went into making the components easily extendable and editable to give developers full control over every aspect (change not only colors and props but the whole component, inject hooks, choose your chain api library).

The underlying cli will work in empty directories (present developers with options to choose next.js or vite+react setup) or in existing projects, where it will automatically detect papi or dedot installations and work with that.

:test_tube: We Need Testers!

The prototype is ready for real-world testing. We’re looking for:

  • dApp developers to try the components in actual projects

  • Framework users (Next.js/Vite) to test CLI integration

  • PAPI/Dedot users to validate our implementations

  • UX feedback on developer experience and component APIs

:speech_balloon: Share Your Experience

We know that the existing components might not be yet suitable for your apps but we are looking for your honest feedback on the build library:

  • Does the CLI work smoothly in your setup?

  • What do you think about the existing components?

:mirror_ball: Upcoming Phase 3 (more components)

depends on Phase 2 feedback - so your testing matters! :folded_hands:

  • More Components
  • MCP - tell your AI to e.g. add components from the library
  • Template Integration - integrate components into templates or allow installing templates from cli
  • ETH support - many components can be ecosystem agnostic
  • …

Try it now by running npx polkadot-ui@latest list (or any other package runner) and after trying give us feedback here :folded_hands:

Follow the development on github.

Reply here or reach out directly:

6 Likes