React web app for Morpho Blue and MetaMorpho contracts that's designed to work using only public RPCs-no other infrastructure required.
To get started:
git clone https://github.com/morpho-org/morpho-lite-apps.git
cd morpho-lite-apps/apps/lite
# Install packages and run
pnpm install
pnpm run devAfter running the commands above, open http://localhost:5173/ in your browser to use the app.
-
.env -- Contains API keys and the webpage title (see the template for guidance)
-
constants -- Defines general constants for the app
APP_DETAILS: Metadata to show in WalletConnect modalWORDMARK: Link to your custom branding, either externally (https://your-website.com/your-logo.svg) or locally (/your-logo.svg) to assets in the public folder. "Powered by Morpho" will appear in addition to any custom branding; this is required. Leave blank""for standard Morpho branding.MIN_TIMELOCK: Vaults with timelocks lower than this number of seconds will not be listedDEFAULT_CHAIN: The chain to redirect to when the user navigates to the base url, e.g. lite.morpho.org → lite.morpho.org/polygon/earnTERMS_OF_USE: Link to the Terms of Use to show before the user connects their walletBANNERS: A set of banners to show for each chain (optional) -- includes color and a React element
-
curators -- A curator whitelist to use in addition to the official ones on Full Deployments. A curator is defined by a list of addresses (case-sensitive, checksummed), a name, an image, and an external website url.
To add a new chain, you'll need to update additional values in constants, as well as the wagmi-config and chain icons.
Warning
Only vault owner addresses should be used for whitelisting. Listing or checking against other vault attributes
(like curator) is dangerous as those roles can be assigned without acceptance, i.e. a scammer could assign a
whitelisted party as their scam's curator, making it appear more legitimate than it is.
Licensed under AGPL-3.0. If you fork, deploy, or modify the code herein (particularly for whitelabeling use-cases), please keep the "Powered by Morpho" branding in the top left of the page.