OnchainKit Profile Banner
OnchainKit Profile
OnchainKit

@OnchainKit

1,529
Followers
21
Following
40
Media
150
Statuses

A kit to make building onchain easy for everyone. Made with love @coinbase . npm i @coinbase /onchainkit

Onchain
Joined June 2024
Don't wanna be here? Send us removal request.
@OnchainKit
OnchainKit
1 month
One button, any transaction – powered by @base . Introducing new component: Transaction + Gasless, 4337-compatible transactions + Real-time status updates + Smart gas estimation + Toast notifications + Fully customizable UI Get started:
7
22
149
@OnchainKit
OnchainKit
2 months
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
7
22
95
@OnchainKit
OnchainKit
29 days
App Template is the most requested features by developers. There you have it: - Onchain SSO (sign up/log in) - Smart Wallet + RainbowKit integration - Gasless mints powered by 4337 - Paymaster integration All powered by @OnchainKit components.
11
17
84
@OnchainKit
OnchainKit
3 months
just setting up my onchain vibes
20
11
59
@OnchainKit
OnchainKit
17 days
Our Wallet component just got some fresh upgrades ✨ + Dynamic mobile UI + Basename integration + Wallet funding options + Wallet aggregator integration Step by step, we want to become the default way to integrate onchain SSO in your app.
6
4
56
@OnchainKit
OnchainKit
27 days
We want to power your community.
@mochi_token
MOCHI on BASE
27 days
Check out this amazing build from Tina @fkpxls for the Mochi community! 🐱 It showcases the power of @OnchainKit 's new app and swap component and will make getting involved with MOCHI easier than ever before. Working on getting this implemented ASAP 💙 Very based. ⬇️
29
41
115
5
7
45
@OnchainKit
OnchainKit
1 month
Building with @onchainkit is about getting 1% better everyday. Well, sometimes much better. <Transaction /> live on
4
6
43
@OnchainKit
OnchainKit
8 days
Every community should get the token directly onsite, powered by smart wallet & swap component.
@yourfriend_btc
yourfriend_🅱️TC_🎹😹
8 days
You can buy $KEYCAT DIRECTLY ON THE SITE using the Coinbase smart wallet @OnchainKit @WilsonCusack thanks for making this possible!
3
2
27
2
6
40
@OnchainKit
OnchainKit
2 months
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:
5
12
31
@OnchainKit
OnchainKit
15 days
Integrate Basename into your app to get a fresh upgrade 🌿✨
@fitclubonbase
Fit Club
15 days
🟣 Excited to announce that Basenames are now integrated into the Fit Club app! Thanks to @OnchainKit for making it smooth and easy! 💜 More updates on the way, stay fit. 🏋️‍♀️🏋️‍♂️
Tweet media one
28
10
47
5
9
32
@OnchainKit
OnchainKit
3 months
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
Tweet media one
5
10
32
@OnchainKit
OnchainKit
1 month
Building Onchain is freedom
6
4
30
@OnchainKit
OnchainKit
21 days
Introducing Playground 🛝 ✨ Playground is where you can experiment with features that are still under development. We open sourced it to showcase how we battle test our components.
5
5
31
@OnchainKit
OnchainKit
2 months
Swap component in the wild 👀 Amazing demo by @0xRishi
@0xRishi
Rishi
2 months
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
7
6
35
3
3
21
@OnchainKit
OnchainKit
1 month
Proud to be powering a part of the ColorPunks experience by @mykcryptodev . Now minted out ⚡️⚡️⚡️
1
2
20
@OnchainKit
OnchainKit
3 months
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.
Tweet media one
5
1
18
@OnchainKit
OnchainKit
2 months
We're now live on 💫 Build the future of onchain with us.
2
2
17
@OnchainKit
OnchainKit
1 month
PSA: the component works with both EOA and Smart Wallets :~)
@OnchainKit
OnchainKit
1 month
One button, any transaction – powered by @base . Introducing new component: Transaction + Gasless, 4337-compatible transactions + Real-time status updates + Smart gas estimation + Toast notifications + Fully customizable UI Get started:
7
22
149
3
2
16
@OnchainKit
OnchainKit
2 months
Our get started page also got a refresh: What you doing this weekend?
@OnchainKit
OnchainKit
2 months
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
7
22
95
0
2
13
@OnchainKit
OnchainKit
1 month
Normally, creating onchain transactions involves many moving parts: + Handling wallet interactions + Managing gas fees + Tracking transaction status + Error handling and success callbacks We prepared these common patterns for you so you get them off the shelf.
Tweet media one
1
0
14
@OnchainKit
OnchainKit
3 months
1. Drop in <SwapComponents /> 2. Connect smart wallet () 3. Swap TADA ✨ It really is that simple.
1
1
14
@OnchainKit
OnchainKit
21 days
Very based
@Dylan_Steck
dylsteck.eth (on farcaster)
21 days
Onchain ticketing is now available for @farhackxyz Kampung! We were able to make use of @OnchainKit to build ticketing where attendees pay using USDC on Base, our first onchain feature :D There are only 70 priority tickets left and the event is almost here, get your tickets!
5
8
29
1
1
13
@OnchainKit
OnchainKit
1 month
We remove as much complexity as possible for you: 1. Plug in your smart contract address 2. Set your function name The <Transaction /> component takes in a wallet address and contract details, then streamlining the entire transaction process.
1
0
12
@OnchainKit
OnchainKit
14 days
The @OnchainKit team ensures I never miss a test day. 🏋️ 🥇 🤸‍♀️
@Zizzamia
Leonardo Zizzamia
14 days
This week, we focused on enhancing the internals of @OnchainKit , improving its architecture and increasing test coverage. And we just hit 100% unit test coverage. 🔵 🌊 Testing not only catches bugs but also promotes writing simpler, more maintainable (based) code.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
8
2
39
0
0
12
@OnchainKit
OnchainKit
1 month
As always, our design is open source. ⮑ Fork & build your own.
Tweet media one
1
0
12
@OnchainKit
OnchainKit
1 month
One of our favorite features is <TransactionStatusToast /> 🍞 The toast displays different states with appropriate icons and actions, allowing easy tracking of transaction progress and to take relevant next steps.
Tweet media one
1
0
11
@OnchainKit
OnchainKit
1 month
What are the user cases? Batch any onchain actions in your application by embedding this button and customize the button text, the smart contract address, and the function calls. + mint a new NFT + Stake some ETH + Register an ENS
Tweet media one
1
0
11
@OnchainKit
OnchainKit
1 month
We include a guide on how to integrate Paymaster service via @CoinbaseDev here:
Tweet media one
1
0
11
@OnchainKit
OnchainKit
29 days
easter egg for the passionate 🐰
@mykcryptodev
Myk.eth 🛡️
29 days
I see you, @OnchainKit ... the <Name /> component is now resolving to my Base Name!! EPIC
Tweet media one
7
2
25
1
0
11
@OnchainKit
OnchainKit
17 days
+ Basename integration + Basename just launched today. 🎉 We're the easiest way to integrate Basename in your application. Simply add: <WalletDropdownBasename />
1
1
10
@OnchainKit
OnchainKit
1 month
We love to hear feedback from our community. You can submit what you'd like to see next on Github:
0
0
10
@OnchainKit
OnchainKit
2 months
We've got Wallet. Integrate the latest Smart Wallet in your app with our built-out, fully customizable button.
Tweet media one
1
0
10
@OnchainKit
OnchainKit
29 days
Also... bonus announcement: All of our components are now both dark 🌙 / light ☀️ mode compatible.
0
0
9
@OnchainKit
OnchainKit
3 months
Our favorite onchain experience just got a new Swap component ✨
@rob_cattownbase
Rob_CatTown
3 months
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
Tweet media one
26
27
59
2
0
9
@OnchainKit
OnchainKit
2 months
so fast, so smooth 🧈
@spicypaprika_
paprika.base.eth
2 months
smart wallet, out of the box @Onchainkit
1
3
24
0
2
9
@OnchainKit
OnchainKit
2 months
And so much more to come. 🧑‍🍳 You can submit what you'd like to see next on Github:
0
0
9
@OnchainKit
OnchainKit
2 months
We've got Token. Build your own wallet interface with all the data needed fetched for you.
Tweet media one
1
0
7
@OnchainKit
OnchainKit
17 days
+ Wallet funding + Fund your users wallets in seconds by helping them link to their Coinbase accounts. Unlock millions of funded Coinbase retail users in your application.
1
0
7
@OnchainKit
OnchainKit
2 months
We've got Swap. Onboard your users to your community token in-app without ever needing to leave the page.
Tweet media one
2
0
8
@OnchainKit
OnchainKit
17 days
We're always looking for community feedback + contributions. Submit your ideas/suggestions/bug reports here: We read every one of them! 🤓
0
0
8
@OnchainKit
OnchainKit
2 months
We've got Identity. Render ENS and wallet balance in a breeze.
Tweet media one
1
0
7
@OnchainKit
OnchainKit
29 days
Our transaction button makes is super easy to plug in NFT contracts such as @zora 's open mints.
Tweet media one
1
1
6
@OnchainKit
OnchainKit
26 days
@edatweets_ @base love to see it
0
0
7
@OnchainKit
OnchainKit
17 days
+ Dynamic mobile UI + We apply automatic reformatting of the wallet dropdown so that the experience is seamless on both desktop and mobile.
1
0
7
@OnchainKit
OnchainKit
2 months
You can now have these experiences out of the box! As always, we welcome community contributors from the community to make us better:
0
0
7
@OnchainKit
OnchainKit
3 months
Recommend products based on wallet verified region, powered by @Onchainkit ❤️
@gonzalomelov
Gonzalo Melo
3 months
🔆 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
2
0
11
0
0
6
@OnchainKit
OnchainKit
2 months
Also very inspired by the log in experience by our friends at @moshicamera !
1
0
6
@OnchainKit
OnchainKit
2 months
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.
Tweet media one
1
0
6
@OnchainKit
OnchainKit
17 days
+ Aggregator integration + Want to work with other wallets? You can expand the wallet connection options by using the withWalletAggregator prop in the <ConnectWallet /> component. This will present users with a list of recommended and other wallets to choose from.
1
0
6
@OnchainKit
OnchainKit
12 days
Upgrade your app now with @OnchainKit
@pixotchi
Pixotchi
13 days
Pixotchi just got even more based! 🌱🔵 Your @base name is now displayed in your Pixotchi account! Own a basename? It'll show up automatically. Don't have one yet? Grab yours at ! Big thanks to @OnchainKit for the seamless integration!
Tweet media one
4
7
37
0
0
7
@OnchainKit
OnchainKit
8 days
Just released an update to @onchainkit `0.31.2` Lifecycle status 🚴‍♀️ + Improved state management + Better error handling + Enhanced user feedback + Easier debugging + More responsive UI Read our guide here:
Tweet media one
2
1
8
@OnchainKit
OnchainKit
21 days
It's a QA and testing framework to battle test our components in different environments: + Smart Wallet + EOA + Base + Base Sepolia + Paymaster enabled / disabled And we're adding more to ensure that our components can work in a diverse range of environments.
1
0
4
@OnchainKit
OnchainKit
3 months
@hey_shells @spicypaprika_ YES!!!! 👏 @hey_shells / @spicypaprika_ 👏 Can't wait for the next one 🍿
0
0
5
@OnchainKit
OnchainKit
3 months
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:
0
1
5
@OnchainKit
OnchainKit
3 months
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.
Tweet media one
1
0
4
@OnchainKit
OnchainKit
3 months
As always, every OnchainKit component comes with an open-source design file:
Tweet media one
1
0
4
@OnchainKit
OnchainKit
1 month
@dry_tortuga @base @dry_tortuga love to hear it! Pleas share feedback with us :))
1
0
4
@OnchainKit
OnchainKit
3 months
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.
Tweet media one
1
0
4
@OnchainKit
OnchainKit
2 months
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.
1
0
4
@OnchainKit
OnchainKit
2 months
1. Drop in <ConnectWallet /> 2. Well, you are done.
1
0
4
@OnchainKit
OnchainKit
3 months
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]
2
1
4
@OnchainKit
OnchainKit
2 months
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.
Tweet media one
1
0
4
@OnchainKit
OnchainKit
3 months
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
1
0
4
@OnchainKit
OnchainKit
21 days
Repo here:
1
0
3
@OnchainKit
OnchainKit
3 months
@mykcryptodev Is that using the TokenKit components? 👀
1
0
3
@OnchainKit
OnchainKit
3 months
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.
2
1
3
@OnchainKit
OnchainKit
13 days
@Falazen2 Love to see it!
0
0
3
@OnchainKit
OnchainKit
3 months
@WilsonCusack We are building nations here
0
0
3
@OnchainKit
OnchainKit
1 month
@0xFonzy @base @LukaM33 @codedbyjordan How can we support Froggy friends?
1
0
2
@OnchainKit
OnchainKit
1 month
@BeingBasedIO @jessepollak When you share what you build, tag us and we’ll give you a shout!
1
0
2
@OnchainKit
OnchainKit
3 months
@zona_io Based 🔵 Are you using OnchainKit? if not let's chat over DMs how we can help you out.
1
1
2
@OnchainKit
OnchainKit
8 days
For <Swap /> component: - Monitor `amountChange` for real-time input tracking - Track `transactionPending` and `transactionApproved` for user feedback - Differentiate ERC20 and Permit2 in transactionApproved - Access transaction receipt data from success status
Tweet media one
1
0
2
@OnchainKit
OnchainKit
8 days
For <Transaction /> component: - Use `transactionIdle` to determine user readiness - Monitor `transactionPending` for real-time network updates - Access multiple transaction receipts in success status for complex operations
Tweet media one
1
0
2
@OnchainKit
OnchainKit
8 days
Lifecycle status is the drummer of your components, maintaining a consistent tempo and rhythm for your components and the data they fetch. 🥁 It influences how the components work together and how you, as the developer, can tap into the rhythm and customize the behavior of your
1
0
2
@OnchainKit
OnchainKit
3 months
@dry_tortuga You can use the `defaultComponent` prop on Avatar as the fallback avatar!
1
0
2
@OnchainKit
OnchainKit
8 days
The new `onStatus` prop lets you track Lifecycle Status and customize component behavior, including: + init + success + error + amountChange + transactionPending + transactionApproved And more!
2
0
2
@OnchainKit
OnchainKit
8 days
We're always looking for community feedback + contributions. Submit your ideas/suggestions/bug reports here: We read every one of them!
0
0
3
@OnchainKit
OnchainKit
3 months
@CoinbaseDuck Based 🔵
0
0
2
@OnchainKit
OnchainKit
2 months
@TheCapHimself you're asking the right Q ser.
0
0
1
@OnchainKit
OnchainKit
3 months
@01_arkade we would love to hear what you think :) good luck on your exam!
1
0
1
@OnchainKit
OnchainKit
1 month
@BeingBasedIO @jessepollak We appreciate your support 🫡
1
0
1
@OnchainKit
OnchainKit
17 days
🛝 Play with the new component here:
0
0
1
@OnchainKit
OnchainKit
3 months
@droo4you Based 🔵
0
1
1
@OnchainKit
OnchainKit
3 months
And a Figma walkthrough from Kit designer @hey_shells
@hey_shells
shelley.base.eth
3 months
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 🚀
5
9
33
1
0
1
@OnchainKit
OnchainKit
3 months
@PaulCramer_ Super Based 🔵 I heard you are cooking some new OnchainKit tools @PaulCramer_ , can't wait to see them in action soon. ✨✨🔭
0
1
1
@OnchainKit
OnchainKit
2 months
@basemfer DM us! We’ll help
0
0
1
@OnchainKit
OnchainKit
3 months
@eas_eth Based 🔵
0
0
1
@OnchainKit
OnchainKit
29 days
@plantingtoearn We have them here
@fkpxls
Tina He
1 month
Want to highlight @OnchainKit 's amazing design system It's not just about the UI, but the open source design library considers the common logic, states, and edge cases for your product
2
3
33
1
0
1
@OnchainKit
OnchainKit
3 months
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:
1
0
1
@OnchainKit
OnchainKit
2 months
@Wavy0x What would you like to see in the toolkit to make it useful for you?
1
0
1