coinbase / coinbase/onchainkit

Feature Request: Headless base package & Using Shadcn Registry for components

Open
#2,359 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1k
Forks
520
Avg merge
32m
Merged PRs (30d)
2

Description

### Describe the solution you'd like

I love the idea of this package. What would be amazing refactor as v2 would be to create a hook only version of this package and then use [Shadcn Registry](https://ui.shadcn.com/docs/registry/registry-item-json) for the React components, so I can easily change the look and feel of the components and own the visuals.

E.g. installing a default Swap Component would be as simple as
```
npx shadcn@latest add https://www.base.org/builders/onchainkit/api/swap.json
```

It would copy `swap.tsx` into your `ui/components`, and you could continue styling it from here. It would also install `coinbase/onchainkit-hooks` as dependency that takes care of providing all functionality in a headless way.

With the current library, I'm not a fan of introducing a new style system into my app and I want to easily adapt it to my needs. The core benefit of the library is the abstraction of functionality, but I want to own the look & feel.

### Describe alternatives you've considered.

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.