Ticker

A dark market-terminal interface with a spinning gold coin, simulated token prices, candlestick charts, an order-ticket demonstration and portfolio and wallet views.

• Best forDevelopers building market-terminal and digital-asset portfolio interfaces.

• Markets

  Inspect a procedural gold coin, simulated price ranges, a token heatmap, top movers and a market-mood gauge.

• Trade

  Explore demo candles, indicators, an order book and depth chart; try a local buy or sell simulation and cancel or restore sample orders.

• Portfolio

  Review fictional holdings, a CSS 3D allocation donut, performance charts and sortable position rows with simulated valuations.

• Wallet

  Switch invented networks, filter sample transactions, copy a fictional address and try demo send, receive and swap actions.

• Animated market visuals

  A Canvas coin, rolling prices, a heatmap and custom charts present locally simulated market activity.

• Order-entry demonstration

  Try buy and sell controls, grouped order-book rows, indicator toggles and fake fills without sending an order.

• Portfolio and wallet views

  Explore allocation groups, performance ranges, fictional networks, sample transactions and a decorative receive pattern.

• Reduced-motion alternative

  The simulated feed pauses and charts and canvases present a calm static state when reduced motion is requested.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

All tokens, prices, balances, addresses and transactions are invented and simulated in the browser. No exchange, wallet, blockchain feed or order routing is connected, and no funds move. The receive pattern is decorative, not a scannable QR code. This is not financial software or financial advice.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide
• FontsArchivo, JetBrains Mono
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.