Vibeleaderboard
Index / tool
Visit github.com
Category
Developer Tools
Rank
No. 1355Tools index
Pricing
Open Source
Type
TOOL
Builder
tempoxyz
GitHub
208 stars
Date

About

Monorepo of Tempo example apps — vibe-coded React projects you can fork to learn or remix the Tempo platform.

What it does

Tempo Apps collects the production-facing tools around the Tempo network. It includes a block explorer, fee sponsorship, WebAuthn key management, token and contract services, image generation, documentation search, and snapshot viewers. Several components also run as hosted services, giving builders working examples and usable infrastructure.

Why it's ranked here

Its value comes from breadth and operational detail. This is more than a demo collection: the repository covers user interfaces, APIs, workers, observability, environment validation, deployment, and testing. That makes it a strong reference for teams building specifically on Tempo, but a narrow choice for unrelated application development.

What's good

The services cover a useful path from account setup through transaction sponsorship, exploration, token discovery, and contract verification. The explorer validates environment configuration, supports several network environments, separates client and server bundling concerns, and includes Datadog and Sentry hooks. Shared RPC utilities provide load balancing, rate limiting, queues, and promise helpers.

Tradeoffs

The repository is tightly coupled to Tempo networks and hosted infrastructure. Several applications expect Cloudflare tooling, service credentials, or environment-specific configuration. The explorer alone exposes substantial monitoring and build configuration. Core protocol code, the chain indexer, wallet command line client, and payment SDKs live in separate repositories, so this cannot explain the whole stack alone.

How to use it well

Use it when building on Tempo and you need concrete patterns for explorers, sponsored fees, account keys, registries, verification, or network operations. Start with the service closest to your product, then trace its configuration and deployment assumptions. Use the separate protocol, indexer, wallet, and SDK projects for lower-level integration needs.

Technical notes+

The root package.json defines a private ESM pnpm workspace over apps/* and packages/*, with recursive parallel build, deploy, check, test, type-generation, and postinstall scripts; it requires Node 24.14.0 and pnpm 10.33.0. apps/explorer/vite.config.ts combines TanStack Start, React, Tailwind, Cloudflare, environment validation, vendor chunking, bundle analysis, Datadog definitions, and optional Sentry source-map upload. apps/explorer/vitest.config.ts runs worker tests through the Cloudflare Vitest pool. apps/tokenlist/vite.config.ts preprocesses SVG assets, copies registry data into the deployment output, and patches Wrangler asset bindings. packages/rpc-utils/src/index.ts exports loadBalance and rateLimit, while packages/rpc-utils/src/utils/index.ts exposes queue and promise resolver utilities.

Observed

License
Dual licensed under Apache License 2.0 or MIT, at the user's option.
Language and module format
The supplied source and configuration are TypeScript, and the root package uses ESM.
Packaging
Private pnpm workspace monorepo covering apps/* and packages/*.
Install surface
Requires Node 24.14.0 and declares pnpm 10.33.0 as its package manager.
Interfaces
Includes hosted web applications, service APIs, an image worker, and an MCP documentation search service.
Platform support
Explorer, fee sponsorship, and token registry configurations use Cloudflare tooling.
Repository structure
The README lists nine applications across exploration, account tooling, developer services, and network infrastructure.

Read from README.md, package.json, packages/rpc-utils/src/index.ts, packages/rpc-utils/src/utils/index.ts, apps/explorer/env.d.ts, apps/fee-payer/env.d.ts, apps/tokenlist/env.d.ts, apps/explorer/reset.d.ts, apps/tokenlist/reset.d.ts, apps/explorer/vite.config.ts, apps/fee-payer/vite.config.ts, apps/tokenlist/svgo.config.ts, apps/tokenlist/vite.config.ts, apps/explorer/vitest.config.ts, apps/mcp-docs-indexer/env.d.ts.

What it can do

  • Provide example React projects for learning

    Developer seeking to learn Tempo platformCollection of sample React applications

  • Enable forking of example applications

    Existing Tempo example appForked copy of the application for customization

  • Serve as foundation for remixing applications

    Base example app and custom requirementsModified application built on example foundation

  • Demonstrate Tempo platform capabilities

    Developer exploring Tempo featuresWorking examples showcasing platform functionality

  • Provide starter templates for new projects

    Developer starting new Tempo projectReady-to-use project template

Tags

temporeacttypescriptstarter

Tech Stack

Node.js

Comments (0)

No comments yet

Editorially curated, with community endorsements as a secondary signal. Corrections welcome.