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 
  tags={['dex']} 
  limit={5} 
  categoryTitle="DEX" 
/>

Result

DEX

See all

Minswap Dex

Minswap is a multi-pool decentralized exchange on Cardano.

WingRiders

The DEX on Cardano. Native and fast AMM decentralized exchange platform.

SundaeSwap

SundaeSwap is a native, scalable decentralized exchange and automated liquidity provision protocol.

CSWAP

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

Splash

Decentralized open-source protocol for efficient market-making and trading on Cardano.

Props

Prop	Type	Default	Description
tags	string[]	[]	Array of tags to filter apps (e.g., ['dex'], ['wallet', 'browser']). 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.

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 
  tags={['dex']} 
  limit={5} 
  categoryTitle="Decentralized Exchanges" 
  showTxCount={true}
/>

Decentralized Exchanges

See all

Minswap Dex

Minswap is a multi-pool decentralized exchange on Cardano.

129.1K

transactions

WingRiders

The DEX on Cardano. Native and fast AMM decentralized exchange platform.

36.9K

transactions

SundaeSwap

SundaeSwap is a native, scalable decentralized exchange and automated liquidity provision protocol.

22.0K

transactions

CSWAP

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

10.0K

transactions

Splash

Decentralized open-source protocol for efficient market-making and trading on Cardano.

9.0K

transactions

Marketplaces

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

Marketplaces

See all

Indigo

Indigo is an autonomous synthetics protocol for on-chain price exposure to real-world assets, built on Cardano.

7.8K

transactions

JPG Store

Discover artwork, explore communities, and support artists on Cardano.

7.8K

transactions

Liqwid

Liqwid is a non-custodial pooled lending protocol with liquid staking built on Cardano.

7.7K

transactions

Strike Finance

DeFi derivatives protocol revolutionizing perpetual futures trading on the Cardano blockchain.

1.6K

transactions

Iagon

Iagon is an AI-driven shared storage and compute economy. Bridging decentralization with compliance to revolutionize cloud services.

541

transactions

Wallets (No Transaction Counts)

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

Wallets

See all

Eternl

The alternative Cardano light wallet in the browser. Aims to add features most requested by the Cardano community.

Lace

A new light wallet platform from IOG, one of the creators of Cardano. Manually verified by an independent auditor, Lace lets you quickly, easily, and securely manage your digital assets and enjoy Web3.

Typhon

Light wallet from the creators of cardanoscan.io. It comes with features like NFT gallery, transaction metadata, vote registration, among other features.

VESPR

VESPR is a non-custodial mobile light wallet for the Cardano network, prioritizing the security and safety of your digital assets while ensuring exceptional ease-of-use. Your private keys and assets always remain under your control.

Yoroi

Yoroi is a lightweight node and developed by EMURGO, one of the founding entities of Cardano.

Multiple Tags

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

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

DeFi Protocols

See all

Minswap Dex

Minswap is a multi-pool decentralized exchange on Cardano.

129.1K

transactions

WingRiders

The DEX on Cardano. Native and fast AMM decentralized exchange platform.

36.9K

transactions

SundaeSwap

SundaeSwap is a native, scalable decentralized exchange and automated liquidity provision protocol.

22.0K

transactions

CSWAP

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

10.0K

transactions

Splash

Decentralized open-source protocol for efficient market-making and trading on Cardano.

9.0K

transactions

Liqwid

Liqwid is a non-custodial pooled lending protocol with liquid staking built on Cardano.

7.7K

transactions

VyFinance

VyFinance is Decentralized Finance protocol built on Cardano that includes features such as a decentralised exchange (DEx), redistributive mechanism (BAR), governance, lottery and token/NFT Vaults.

4.5K

transactions

DexHunter

DexHunter is a decentralized exchange aggregator with real-time alerts and an easy to use interface.

1.1K

transactions

All Apps (No Filter)

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

Popular Apps

See all

Minswap Dex

Minswap is a multi-pool decentralized exchange on Cardano.

129.1K

transactions

WingRiders

The DEX on Cardano. Native and fast AMM decentralized exchange platform.

36.9K

transactions

SundaeSwap

SundaeSwap is a native, scalable decentralized exchange and automated liquidity provision protocol.

22.0K

transactions

CSWAP

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

10.0K

transactions

Splash

Decentralized open-source protocol for efficient market-making and trading on Cardano.

9.0K

transactions

Indigo

Indigo is an autonomous synthetics protocol for on-chain price exposure to real-world assets, built on Cardano.

7.8K

transactions

JPG Store

Discover artwork, explore communities, and support artists on Cardano.

7.8K

transactions

Liqwid

Liqwid is a non-custodial pooled lending protocol with liquid staking built on Cardano.

7.7K

transactions

VyFinance

VyFinance is Decentralized Finance protocol built on Cardano that includes features such as a decentralised exchange (DEx), redistributive mechanism (BAR), governance, lottery and token/NFT Vaults.

4.5K

transactions

Strike Finance

DeFi derivatives protocol revolutionizing perpetual futures trading on the Cardano blockchain.

1.6K

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

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/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 
          tags={['dex']} 
          limit={5} 
          categoryTitle="Top DEXes" 
          showTxCount={true}
        />
        
        <AppList 
          tags={['wallet']} 
          limit={5} 
          categoryTitle="Wallets" 
        />
      </div>
    </div>
  );
}