
Base OnchainKit just introduced Earn, a pre-built component that allows any app developer building on Base to integrate any Morpho Vaults into their apps in minutes, not weeks.
Now, anyone, regardless of their blockchain experience, can add an onchain yield component to their applications with a few snippets of code.

OnchainKit streamlines onchain app development by providing a comprehensive toolkit that combines powerful onchain features with developer-friendly design:
Faster: takes minutes, not weeks to integrate.
Easier: pre-made components are simple to plug and play.
Safer: industry best practices packaged into ready-to-use solutions.
Earn is a specific component within the Kit that enables any Base Builders to integrate Morpho Vaults directly into their apps, and allow users to generate interest on their assets in-app.
By leveraging Morpho, developers can avoid building their earn product from scratch, managing risks or bootstraping liquidity. This frees them to concentrate on delivering exceptional app experiences.
Integrating Morpho Vaults allows builders to add an yield component to enrich their app's user experience:
Passive income: allows users to earn a yield on USDC and other tokens.
Value-added services: opening up new monetization avenues.
Daily interactions: frequent updates boost engagement.
User retention: active funds increase retention and value.

Morpho Vaults are the entry point for users to lend out their assets for yield.
Assets deposited in a vault are supplied to underlying Morpho Markets.
Each vault has one Curator—an entity or person who sets the risk profile of a Morpho Vault.
Morpho Vaults can be accessed permissionlessly - in the case of Onchain Kit, builders can configure the pre-built component to access Morpho Vaults directly from the App's interface.

Learn more about Morpho Vaults here.
Install OnchainKit:
npm install @coinbase/onchainkit
Set up the Provider in your app (typically in providers.tsx):
'use client';
import { OnchainKitProvider } from '@coinbase/onchainkit';
import { base } from 'wagmi/chains';
export function Providers({ children }) {
return (
<OnchainKitProvider
apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
chain={base}
>
{children}
</OnchainKitProvider>
);
}
Import the Earn component and styles:
import { Earn } from '@coinbase/onchainkit/earn';
import '@coinbase/onchainkit/styles.css';
Implement the Earn component with your vault addresses:
export default function EarnComponents() {
const vaultAddresses = [
'0xa0E430870c4604CcfC7B38Ca7845B1FF653D0ff1',
'0x7BFA7C4f149E7415b73bdeDfe609237e29CBF34A'
];
return (
<div>
{vaultAddresses.map(address => (
<Earn vaultAddress={address} />
))}
</div>
);
}
For further customization, check out this developer doc by Onchain Kit.
Since Earn's release, some based builders have already launched a few concept apps to demonstrate how Earn can be integrated or be the main feature of the app:
Integration Morpho Vaults with Onchain Kit Earn now.

Base OnchainKit just introduced Earn, a pre-built component that allows any app developer building on Base to integrate any Morpho Vaults into their apps in minutes, not weeks.
Now, anyone, regardless of their blockchain experience, can add an onchain yield component to their applications with a few snippets of code.

OnchainKit streamlines onchain app development by providing a comprehensive toolkit that combines powerful onchain features with developer-friendly design:
Faster: takes minutes, not weeks to integrate.
Easier: pre-made components are simple to plug and play.
Safer: industry best practices packaged into ready-to-use solutions.
Earn is a specific component within the Kit that enables any Base Builders to integrate Morpho Vaults directly into their apps, and allow users to generate interest on their assets in-app.
By leveraging Morpho, developers can avoid building their earn product from scratch, managing risks or bootstraping liquidity. This frees them to concentrate on delivering exceptional app experiences.
Integrating Morpho Vaults allows builders to add an yield component to enrich their app's user experience:
Passive income: allows users to earn a yield on USDC and other tokens.
Value-added services: opening up new monetization avenues.
Daily interactions: frequent updates boost engagement.
User retention: active funds increase retention and value.

Morpho Vaults are the entry point for users to lend out their assets for yield.
Assets deposited in a vault are supplied to underlying Morpho Markets.
Each vault has one Curator—an entity or person who sets the risk profile of a Morpho Vault.
Morpho Vaults can be accessed permissionlessly - in the case of Onchain Kit, builders can configure the pre-built component to access Morpho Vaults directly from the App's interface.

Learn more about Morpho Vaults here.
Install OnchainKit:
npm install @coinbase/onchainkit
Set up the Provider in your app (typically in providers.tsx):
'use client';
import { OnchainKitProvider } from '@coinbase/onchainkit';
import { base } from 'wagmi/chains';
export function Providers({ children }) {
return (
<OnchainKitProvider
apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
chain={base}
>
{children}
</OnchainKitProvider>
);
}
Import the Earn component and styles:
import { Earn } from '@coinbase/onchainkit/earn';
import '@coinbase/onchainkit/styles.css';
Implement the Earn component with your vault addresses:
export default function EarnComponents() {
const vaultAddresses = [
'0xa0E430870c4604CcfC7B38Ca7845B1FF653D0ff1',
'0x7BFA7C4f149E7415b73bdeDfe609237e29CBF34A'
];
return (
<div>
{vaultAddresses.map(address => (
<Earn vaultAddress={address} />
))}
</div>
);
}
For further customization, check out this developer doc by Onchain Kit.
Since Earn's release, some based builders have already launched a few concept apps to demonstrate how Earn can be integrated or be the main feature of the app:
Integration Morpho Vaults with Onchain Kit Earn now.

Understanding Morpho Vaults: Intro & Simplifying Isolated Markets
Morpho Vaults combines the best of isolated markets and multi-asset lending pools to create a better way to lend. In time, we believe Morpho Vaults will become the default lending solution. Today, we are introducing a four-part series explaining why, starting with Part One: Intro to the Morpho Approach & Simplifying Isolated Markets.The Morpho ApproachThere are two main approaches to structuring lending markets in decentralized finance: lending pools and isolated markets. The former excels in...

Aligning Around MORPHO — The Only Asset For Morpho
TL;DRMorpho will have only one asset—the MORPHO token. This single-asset approach ensures complete alignment between the network of contributing entities and the Morpho DAO (MORPHO token holders). To clarify this alignment, Morpho Labs is becoming a wholly-owned subsidiary of the Morpho Association to eliminate any perceived conflicts with equity value and ensure that token holders and these contributing entities share the same incentive. As the Morpho DAO explores introducing protocol fees t...

Understanding Morpho Vaults: Enabling Diverse Risk Profile
Morpho Vaults (formerly known as MetaMorpho Vaults) combines the best of isolated markets and multi-asset lending pools to create a better way to lend. In time, we believe Morpho Vaults will become the default lending solution. Last week, we introduced the Understanding Morpho Vaults article series with Part One: Intro to the Morpho Approach & Simplifying Isolated Markets. Today, we share Part Two: Enabling Diverse Risk Profiles to explain how, unlike the traditional one-size-fits-all approac...

Understanding Morpho Vaults: Intro & Simplifying Isolated Markets
Morpho Vaults combines the best of isolated markets and multi-asset lending pools to create a better way to lend. In time, we believe Morpho Vaults will become the default lending solution. Today, we are introducing a four-part series explaining why, starting with Part One: Intro to the Morpho Approach & Simplifying Isolated Markets.The Morpho ApproachThere are two main approaches to structuring lending markets in decentralized finance: lending pools and isolated markets. The former excels in...

Aligning Around MORPHO — The Only Asset For Morpho
TL;DRMorpho will have only one asset—the MORPHO token. This single-asset approach ensures complete alignment between the network of contributing entities and the Morpho DAO (MORPHO token holders). To clarify this alignment, Morpho Labs is becoming a wholly-owned subsidiary of the Morpho Association to eliminate any perceived conflicts with equity value and ensure that token holders and these contributing entities share the same incentive. As the Morpho DAO explores introducing protocol fees t...

Understanding Morpho Vaults: Enabling Diverse Risk Profile
Morpho Vaults (formerly known as MetaMorpho Vaults) combines the best of isolated markets and multi-asset lending pools to create a better way to lend. In time, we believe Morpho Vaults will become the default lending solution. Last week, we introduced the Understanding Morpho Vaults article series with Part One: Intro to the Morpho Approach & Simplifying Isolated Markets. Today, we share Part Two: Enabling Diverse Risk Profiles to explain how, unlike the traditional one-size-fits-all approac...
>200 subscribers
>200 subscribers
Share Dialog
Share Dialog
No comments yet