Seglo
A market research dashboard with a year you can drag
A complete market research and competitor tracking app for a company watching its market, with a light and a dark theme, and it comes with sample data for a made-up e-bike maker tracking its European market from 2021 to 2030. Good for: a product or strategy team, a market research or consulting firm, a brand tracking its rivals, or any project that needs a polished place to read a market. How it works: on the overview, drag the year under the brand ranking (or press Play) and the bars re-rank while every figure on the page follows; on the forecast, sliders for growth, price, segment share and your own share plus three scenarios redraw the years ahead, and a saved forecast updates every page; on the competitor map, switch the year and every brand glides to its new place. Includes: an overview with four key figures, market size, buyers by age, orders by model and a plain-words summary of the year; market size, segments and the forecast; competitors with the price and rating map, standings, share over time and entry prices; consumers with demographics, personas and survey answers; demand with monthly orders, seasons, search interest and models; a regions tile map of Europe coloured by size, growth or your share with a panel per country; signals; a report builder whose chart switches between bars and a line; data sources with their sync status; settings; and help. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own data, since there is no backend; tables export as CSV, the sidebar folds into an icon rail, Cmd+K searches everything, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$91.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/competitors.css
- css/consumers.css
- css/demand.css
- css/help.css
- css/market.css
- css/overview.css
- css/regions.css
- css/reports.css
- css/settings.css
- css/signals.css
- css/sources.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/competitors.tsx
- src/pages/consumers.tsx
- src/pages/demand.tsx
- src/pages/help.tsx
- src/pages/market.tsx
- src/pages/overview.tsx
- src/pages/regions.tsx
- src/pages/reports.tsx
- src/pages/settings.tsx
- src/pages/signals.tsx
- src/pages/sources.tsx
- src/pages/types.ts
- src/race.tsx
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-05 — First release. Seglo shipped, with the reel recorded from the real page.