A kit to make building onchain easy for everyone. Made with love
@coinbase
. Feel free to DM us with any questions, or mention us with your app using OnchainKit.
Our landing page just got an upgrade 💫
We're not stopping until we become the best toolkit to build apps onchain.
Get started now:
npm install @ coinbase/onchainkit
New component drop: Wallets by
@Onchainkit
Embed beautiful log-in/sign-up experience for your app.
+ Smart Wallet creation and connection in seconds
+ Built-in ENS support
+ Configurable dropdown menu
+ Easy Paymaster integration
Get started:
Introducing new component: Swap by
@Onchainkit
Embed fully-functional swap functionality in your application in 15 minutes.
+ Built-in backend integration via
@CoinbaseDev
+ Flexible styling and configurations
+ Smart Wallet compatible
continued exploring onchain development this weekend
this time hacking on
@base
with
@Onchainkit
☀️
the
@Onchainkit
swap component really is that easy to drop in
→ made 🔵 as a place to view/trade the base ecosystem list from
@CoinMarketCap
Can't believe it's been a week since we went live with TokenKit.
TokenKit enables you to create magical user experiences with Token components and utilities.
Like building your own wallet app in minutes.
Our landing page just got an upgrade 💫
We're not stopping until we become the best toolkit to build apps onchain.
Get started now:
npm install @ coinbase/onchainkit
I was on
@wbnns
's office hours for
@base
earlier listening and heard him talking about Onchain Kit by
@CoinbaseDev
.
The new Swap component sounded really useful - so I got to it, an hour later, we have this new interface to buy our token from within the game.
These components
🔆 OᑎᑕᕼᗩIᑎ ᔑᑌᗰᗰEᖇ 🔆
@coinbase
onchain verifications support using
@Onchainkit
by
@CoinbaseDev
Recommend your
@Shopify
store products based on the user's wallet verified country of residence on Farcaster!
Check it out on
This is just the beginning. We have tons of of new delights coming in the following days. 🍭 ✨
We're always welcoming community contributors from the community to make us better:
Each component can be used independently or composed as needed.
Most elements accept props for easy customization without modifying core components.
Additional components or features can be easily slotted into the existing hierarchy.
We support different types of configurations:
+ Allow swapping between selected token pairs
+ Only allow swapping between a selected token pair
+ Remove <SwapToggleButton /> to make the swap unidirectional
Build a membership portal to get community tokens with USDC.
Or an ATM Frame to redeem community tokens that you receive from
@warpcast_
into ETH/USDC.
They can do it all in your app.
More seamless UX. More conversation.
The component includes two instances of the SwapAmountInput component, enabling users to specify the amount of tokens to sell and buy.
Additionally, the component features a "Swap" button for preparing the transaction.
Wallet is the first impression you make with your user and drives activation, conversion, and retention. 🪄
~ MAKE ~ IT ~ MAGICAL ~
Our design is inspired by
@matchaxyz
, one of our fav implementation in the wild.
Every component comes with open source design files that you can share with your team:
+
Join our community of designers to create and refine our components.
What can you build with TokenKit?
TokenKit contains the UI components and utilities to interact with live token data.
Some ideas to get you started:
+ a custom wallet app
+ A token-based social app
+ A consumer-facing DeFi app
+ A token-based voting system
+ [INSERT YOUR OWN]
TokenKit is just one of the many Kits we're cooking 🧑🍳
The Kits are great on their own, and much more powerful together.
The community is growing. We're always looking for contributors of code, design, ideas, AND vibes.
This week I built, TokenKit in OnchainKit 🔵
Search Tokens using `getTokens()` and display them with <TokenSearch />, <TokenChip />, and <TokenRow />.
Have fun, and for more check
Our goal is make it as easy as possible to create top-tier onchain apps.
Every Kit is open source and forkable.
Everyone should be able to build an app with our Kits in under 30 minutes.
👩🏻💻 Code:
🖌️ Figma:
Let’s keep the onchain vibes going!! We launched TokenKit in our open source Figma in collaboration with
@spicypaprika_
, newest designer on Base working on
@Onchainkit
! So excited to have you use this for your token experiences. 🫶
Onwards and upwards 🚀