Available Components

Demo Previews support a wide range of blockchain interfaces. When you generate a preview, Virtual Cofounder automatically selects the right components based on the contracts you've deployed. You can also request specific features by name.

Component Categories

NFT & Collections

Display and explore NFT collections deployed through CW721 contracts. Previews can show gallery grids with images and metadata, individual token detail cards, and collection-level statistics like total supply and ownership distribution. If a marketplace is connected, users can list NFTs for sale directly from the gallery.

Best for: digital art galleries, PFP collections, collectible showcases.

An NFT collection demo preview showing a property gallery grid with images, token names, and ownership details

Marketplaces

Browse and interact with NFT marketplace contracts. Previews can show active listings with prices, individual sale pages with buy interfaces, fee structures, and sale status indicators.

Best for: NFT storefronts, trading platforms, secondary markets.

A marketplace demo preview displaying NFT artwork listings with prices, buy buttons, and collection statistics

Tokens (CW20)

View details about fungible token contracts. Previews can display token name, symbol, and supply information, wallet balances, spending allowances, minter details, and marketing metadata.

Best for: token launch pages, portfolio dashboards, token information sites.

A CW20 token demo preview showing token name, symbol, total supply, balance checker, and marketing details

Token Exchanges

Showcase CW20 exchange contracts for buying and selling tokens. Previews can display sale configurations, available assets, purchase interfaces, and active sale status.

Best for: token sale pages, exchange interfaces, IDO showcases.

A token exchange demo preview showing token information, exchange rate details, and a purchase interface

Auctions

Display auction contracts with live state. Previews can show current bids, auction timers, bid history, and bidding interfaces. Users can place bids, buy now at a fixed price when available, claim completed auctions, or cancel active ones. Supports individual auction detail views and multi-auction listings.

Best for: timed sales, art auctions, competitive bidding showcases.

An auction demo preview displaying an NFT with image, attributes, current bid state, and bidding interface

Splitters

Visualize and manage payment splitter contracts. Previews can show recipient configurations with allocation breakdowns, split ratios, and distribution interfaces. Users can send funds across multiple denominations, update recipient lists with live allocation previews, and override recipients for one-time distributions.

Best for: royalty splitting demos, team payment structures, revenue sharing models.

A revenue splitter demo preview showing an allocation breakdown bar, recipient list with percentages, and distribution controls

Data Primitives

Manage on-chain key-value storage contracts. Previews can show stored keys, query interfaces for reading values, and data type information. Users can also set new values with type selection (string, number, coin, boolean, and more), delete existing keys, and update access restrictions to control who can write data.

Best for: on-chain configuration displays, data registry interfaces, shared data stores.

A data primitive demo preview showing stored keys, a query interface for reading values, and data type information

Next Steps

Generating Previews — Create your first preview and customize layout, theme, and features
Sharing & Viewing — Share your previews and manage past ones
Guides — Build projects to preview

Overview Generating Previews