App List
App List
The <AppList> component displays a compact, ranked list of Cardano apps filtered by category tags. Apps are sorted by transaction count (when available), then by maintainer picks, and finally alphabetically.
Basic Usage
<AppList
categories={['dex']}
limit={5}
categoryTitle="DEX"
/>
Result
DEX
すべて見る
Minswap
Multi-pool decentralized exchange on Cardano with deep liquidity, yield farming, and one of the highest-volume venues for native token swaps.
WingRiders
Native AMM DEX on Cardano focused on fast settlement and predictable fees, with stableswap pools and an integrated yield-farming layer.
SundaeSwap
Native, scalable Cardano AMM DEX with automated liquidity provision, yield farming, and an order-book overlay built on Plutus.
Splash
Open-source decentralized protocol for efficient market-making and trading on Cardano, with batched settlement and gas-efficient routing.
CSWAP
CSWAP Systems is a next-gen decentralized exchange (DEX) that bridges tokens, NFTs, and real-world assets in one seamless trading ecosystem.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
categories | string[] | [] | Array of category ids to filter apps (e.g., ['dex'], ['wallet']). Empty array shows all apps. |
limit | number | 5 | Maximum number of apps to display. Set to null to show all. |
categoryTitle | string | "Apps" | Title displayed in the component header. |
showTxCount | boolean | false | Whether to display transaction counts next to each app. |
slugs | string[] | null | Explicit list of app slugs to show, in order. Overrides category filtering. |
hideHeader | boolean | false | Hide the component header (title and "See all" link). |
showTags | boolean | false | Show category tags on each row. |
showDescription | boolean | true | Show the app description on each row. |
Ranking Logic
Apps are sorted in the following order:
- Apps with transaction data (sorted by transaction count, descending)
- Maintainer-picked apps (apps with
maintainerPick: true, among those without transaction data) - Alphabetically (as final tiebreaker)
Examples
DEX with Transaction Counts
<AppList
categories={['dex']}
limit={5}
categoryTitle="Decentralized Exchanges"
showTxCount={true}
/>
Decentralized Exchanges
すべて見るMinswap
Multi-pool decentralized exchange on Cardano with deep liquidity, yield farming, and one of the highest-volume venues for native token swaps.
WingRiders
Native AMM DEX on Cardano focused on fast settlement and predictable fees, with stableswap pools and an integrated yield-farming layer.
SundaeSwap
Native, scalable Cardano AMM DEX with automated liquidity provision, yield farming, and an order-book overlay built on Plutus.
Splash
Open-source decentralized protocol for efficient market-making and trading on Cardano, with batched settlement and gas-efficient routing.
CSWAP
CSWAP Systems is a next-gen decentralized exchange (DEX) that bridges tokens, NFTs, and real-world assets in one seamless trading ecosystem.
Marketplaces
<AppList
categories={['marketplace']}
limit={5}
categoryTitle="Marketplaces"
showTxCount={true}
/>
Marketplaces
すべて見る
Wayup
Cardano NFT marketplace by Anvil. Continues the smart contracts of JpgStore as the platform sunsets, so existing listings and royalties keep working.
Masumi
Masumi is a decentralized protocol empowering AI agents to collaborate seamlessly and monetize their services efficiently.
Iagon
Iagon is an AI-driven shared storage and compute economy. Bridging decentralization with compliance to revolutionize cloud services.
Book.io
NFT marketplace where readers buy, read, and resell eBooks and audiobooks. Each title is an asset with verifiable provenance and resale rights.
Bodega Market
Prediction market on Cardano for speculating on real-world event outcomes. Settles outcomes on-chain using oracle data and Plutus smart contracts.
Wallets (No Transaction Counts)
<AppList
categories={['wallet']}
limit={5}
categoryTitle="Wallets"
showTxCount={false}
/>
Wallets
すべて見る
Eternl
Feature-rich Cardano light wallet for browser and mobile. Favored by experienced users for power features the community has requested most.
Lace
Light wallet platform from IOG, audited by an independent reviewer. Lace lets you manage your digital assets and connect to Web3 dApps on Cardano.
Multisig Wallet
Secure team treasury management and governance participation on Cardano using native multi-signature scripts and an approval workflow UI.
Typhon
Light wallet from the creators of cardanoscan.io. It comes with features like NFT gallery, transaction metadata, vote registration, among other features.
VESPR
Non-custodial mobile wallet for Cardano. Designed for newcomers with simple onboarding, friendly defaults, and security that keeps private keys on-device.
Multiple Tags
You can combine multiple tags to show apps from different categories:
<AppList
categories={['dex', 'lending']}
limit={8}
categoryTitle="DeFi Protocols"
showTxCount={true}
/>
DeFi Protocols
すべて見るMinswap
Multi-pool decentralized exchange on Cardano with deep liquidity, yield farming, and one of the highest-volume venues for native token swaps.
Dano Finance
All-in-one DeFi platform on Cardano combining lending, borrowing, and trading with cross-pool collateral and unified interest rate markets.
WingRiders
Native AMM DEX on Cardano focused on fast settlement and predictable fees, with stableswap pools and an integrated yield-farming layer.
SundaeSwap
Native, scalable Cardano AMM DEX with automated liquidity provision, yield farming, and an order-book overlay built on Plutus.
Splash
Open-source decentralized protocol for efficient market-making and trading on Cardano, with batched settlement and gas-efficient routing.
CSWAP
CSWAP Systems is a next-gen decentralized exchange (DEX) that bridges tokens, NFTs, and real-world assets in one seamless trading ecosystem.
VyFinance
Cardano DeFi protocol with a decentralized exchange, redistributive BAR mechanism, governance, lottery, and token and NFT vaults bundled together.
Liqwid
Non-custodial pooled lending protocol on Cardano with liquid staking, supporting multiple supplied assets and qToken collateral receipts.
All Apps (No Filter)
<AppList
categories={[]}
limit={10}
categoryTitle="Popular Apps"
showTxCount={true}
/>
Popular Apps
すべて見るMinswap
Multi-pool decentralized exchange on Cardano with deep liquidity, yield farming, and one of the highest-volume venues for native token swaps.
Dano Finance
All-in-one DeFi platform on Cardano combining lending, borrowing, and trading with cross-pool collateral and unified interest rate markets.
WingRiders
Native AMM DEX on Cardano focused on fast settlement and predictable fees, with stableswap pools and an integrated yield-farming layer.
SundaeSwap
Native, scalable Cardano AMM DEX with automated liquidity provision, yield farming, and an order-book overlay built on Plutus.
Splash
Open-source decentralized protocol for efficient market-making and trading on Cardano, with batched settlement and gas-efficient routing.
CSWAP
CSWAP Systems is a next-gen decentralized exchange (DEX) that bridges tokens, NFTs, and real-world assets in one seamless trading ecosystem.
VyFinance
Cardano DeFi protocol with a decentralized exchange, redistributive BAR mechanism, governance, lottery, and token and NFT vaults bundled together.
Wayup
Cardano NFT marketplace by Anvil. Continues the smart contracts of JpgStore as the platform sunsets, so existing listings and royalties keep working.
Liqwid
Non-custodial pooled lending protocol on Cardano with liquid staking, supporting multiple supplied assets and qToken collateral receipts.
Indigo
Autonomous synthetics protocol on Cardano for on-chain price exposure to real-world assets. Mints iAssets backed by collateralized debt positions.
Available Tags
Common tags you can use to filter apps. Please see src/data/apps.js for detailed list.
dex- Decentralized exchangeslending- Lending and borrowing protocolswallet- Walletsexplorer- Blockchain explorersmarketplace- General marketplaces
See All Link
The "See all" button automatically generates the correct link:
- Single tag:
/apps?tags=dex - Multiple tags:
/apps?tags=dex&tags=lending&operator=OR - No tags:
/apps
Mobile Optimization
The component is fully responsive:
- Desktop: 2-line descriptions, larger icons (56px)
- Mobile: 1-line descriptions, smaller icons (48px), compact spacing
Transaction Data
Transaction counts are sourced from /src/data/tx-stats.json and matched to apps using fuzzy title matching. Apps without transaction data are still displayed but ranked lower (unless marked as maintainer picks).
Learn how to make your app's transactions identifiable on-chain in our Transaction Rankings Guide. This helps us track and display accurate transaction counts for your app.
Icons
Apps can optionally include an icon field in /src/data/apps.js:
{
title: "Minswap Dex",
icon: "/img/app-icons/minswap.svg",
// ... other fields
}
The icon is rendered with Logo Tile. When there is no icon or it fails to load, the component displays a gradient badge with the first letter of the app name.
Integration Example
Here's how you might use this component on a landing page:
import AppList from '@site/src/components/AppList';
export default function HomePage() {
return (
<div>
<h1>Explore the Cardano Ecosystem</h1>
<div style={{ display: 'grid', gap: '2rem', gridTemplateColumns: 'repeat(auto-fit, minmax(450px, 1fr))' }}>
<AppList
categories={['dex']}
limit={5}
categoryTitle="Top DEXes"
showTxCount={true}
/>
<AppList
categories={['wallet']}
limit={5}
categoryTitle="Wallets"
/>
</div>
</div>
);
}