Test Apps
Crypto Dashboard test apps for 8 frameworks (Next.js, React, Remix, Astro, Vue, Nuxt, Svelte, SvelteKit)
Crypto Dashboard Test Apps
A collection of identical crypto dashboard applications built with different frameworks and libraries. These serve as test apps for Webflow Cloud service validation.
Projects
| Framework | Directory | Stack |
|---|---|---|
| Next.js | /next |
Next.js 16, React 19, React Query, Tailwind v4 |
| React | /react |
Vite, React 19, React Query, Tailwind v3 |
| Remix | /remix |
Remix 2, React 18, React Query, Tailwind v3 |
| Astro | /astro |
Astro 5, React islands, React Query, Tailwind v3 |
| Vue | /vue |
Vite, Vue 3, Vue Query, Tailwind v3 |
| Nuxt | /nuxt |
Nuxt 3, Vue 3, Vue Query, Tailwind v3 |
| Svelte | /svelte |
Vite, Svelte 5, Tailwind v3 |
| SvelteKit | /sveltekit |
SvelteKit 2, Svelte 5, Tailwind v3 |
Features
All apps include identical functionality:
- Real-time crypto prices from CoinGecko API
- Multi-currency support (USD/EUR/GBP)
- Sortable table columns
- Auto-refresh with countdown timer
- 7-day sparkline charts
- 24h price range bars
- Coin detail panel
- Toast notifications for errors
Running a Project
cd <project-folder>
npm install
npm run dev
Building for Production
cd <project-folder>
npm install
npm run build
Screenshot
Each app displays the same crypto dashboard UI with:
- Header with "Webflow Cloud Test App" branding
- Currency switcher (USD/EUR/GBP)
- Auto-refresh toggle with interval options
- Sortable data table
- Footer showing the framework name
License
For internal testing purposes only.
