Skip to main content

Get Involved

Whether you are a developer, designer, writer, project builder, or just someone passionate about Cardano.

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 favorites, and finally alphabetically.

Basic Usage

<AppList 
categories={['dex']}
limit={5}
categoryTitle="DEX"
/>

Result

Props

PropTypeDefaultDescription
categoriesstring[][]Array of category ids to filter apps (e.g., ['dex'], ['wallet']). Empty array shows all apps.
beginnerFriendlybooleanfalseWhen true, only apps with beginnerFriendly: true are shown.
limitnumber5Maximum number of apps to display. Set to null to show all.
categoryTitlestring"Apps"Title displayed in the component header.
showTxCountbooleanfalseWhether to display transaction counts next to each app.

Ranking Logic

Apps are sorted in the following order:

  1. Apps with transaction data (sorted by transaction count, descending)
  2. Favorite apps (among apps without transaction data)
  3. Alphabetically (as final tiebreaker)

Examples

DEX with Transaction Counts

<AppList 
categories={['dex']}
limit={5}
categoryTitle="Decentralized Exchanges"
showTxCount={true}
/>

Marketplaces

<AppList 
categories={['marketplace']}
limit={5}
categoryTitle="Marketplaces"
showTxCount={true}
/>

Wallets (No Transaction Counts)

<AppList 
categories={['wallet']}
limit={5}
categoryTitle="Wallets"
showTxCount={false}
/>

Multiple Tags

You can combine multiple tags to show apps from different categories:

<AppList 
categories={['dex', 'lending']}
limit={8}
categoryTitle="DeFi Protocols"
showTxCount={true}
/>

All Apps (No Filter)

<AppList 
categories={[]}
limit={10}
categoryTitle="Popular Apps"
showTxCount={true}
/>

Popular Apps

See all
Minswap

Minswap

Multi-pool decentralized exchange on Cardano with deep liquidity, yield farming, and one of the highest-volume venues for native token swaps.

101.9K
transactions
WingRiders

WingRiders

Native AMM DEX on Cardano focused on fast settlement and predictable fees, with stableswap pools and an integrated yield-farming layer.

31.9K
transactions
SundaeSwap

SundaeSwap

Native, scalable Cardano AMM DEX with automated liquidity provision, yield farming, and an order-book overlay built on Plutus.

14.8K
transactions
CSWAP

CSWAP

CSWAP Systems is a next-gen decentralized exchange (DEX) that bridges tokens, NFTs, and real-world assets in one seamless trading ecosystem.

11.7K
transactions
Splash

Splash

Open-source decentralized protocol for efficient market-making and trading on Cardano, with batched settlement and gas-efficient routing.

8.3K
transactions
Liqwid

Liqwid

Non-custodial pooled lending protocol on Cardano with liquid staking, supporting multiple supplied assets and qToken collateral receipts.

8.2K
transactions
Indigo

Indigo

Autonomous synthetics protocol on Cardano for on-chain price exposure to real-world assets. Mints iAssets backed by collateralized debt positions.

7.5K
transactions
VyFinance

VyFinance

Cardano DeFi protocol with a decentralized exchange, redistributive BAR mechanism, governance, lottery, and token and NFT vaults bundled together.

7.1K
transactions
Dano Finance

Dano Finance

All-in-one DeFi platform on Cardano combining lending, borrowing, and trading with cross-pool collateral and unified interest rate markets.

5.1K
transactions
Wayup

Wayup

Cardano NFT marketplace by Anvil. Continues the smart contracts of JpgStore as the platform sunsets, so existing listings and royalties keep working.

3.4K
transactions

Available Tags

Common tags you can use to filter apps. Please see src/data/apps.js for detailed list.

  • dex - Decentralized exchanges
  • lending - Lending and borrowing protocols
  • wallet - Wallets
  • explorer - Blockchain explorers
  • marketplace - General marketplaces

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/app-stats.json and matched to apps using fuzzy title matching. Apps without transaction data are still displayed but ranked lower (unless marked as favorites).

Want to see your app ranked by transactions?

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
}

If no icon is provided, 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>
);
}