Skip to content
tcpsystemsui

Theme

Colour scheme
Accent
Density
Radius
Esc

Everything your Svelte product needs on screen.

111 components and 314 design tokens for dashboards, landing pages, marketing and settings. Sensible with zero props, sharp by default.

Browse components Open the dashboard
Install
pnpm add @tcpsystems/ui
Components
111
generated from the manifest
Design tokens
314
light and dark
All CSS
22.1KB gz
import less, pay less
React
0packages
in the published tree

A working dashboard, on this page

Change the range, filter the table. No extra CSS, sample data.

Open full page
Time range
Requests
73.7k
+12% vs previous
p95 latency
182ms
+4 ms vs previous
Error rate
0.21%
-0.03 vs previous
Spend
$41
+$3 vs previous

Deployments

Environment
NameStatusCommitRequestsp95 ms
gatewayReadydda3e9b48,210182
console-webBuilding64406211,08296
auth-oidcReadyc8a035312,94441
search-apiFailed1585f2500
status-pageDegraded320abcc3,410640
docs-siteReadybfd361b8,12058
billingReadya91c04e2,30673
mcp-toolsStoppede952ac100
mail-workerReady7f3e210918120
edge-cacheReady04bd9c761,40212
ingestBuildingd17a66f34088

Plan usage

Requests7,200 of 10,000 k
Storage92 of 100 GB
Members18 of 20

Uptime

  1. Day 1: operational
  2. Day 2: operational
  3. Day 3: operational
  4. Day 4: operational
  5. Day 5: operational
  6. Day 6: operational
  7. Day 7: operational
  8. Day 8: degraded
  9. Day 9: operational
  10. Day 10: operational
  11. Day 11: operational
  12. Day 12: operational
  13. Day 13: operational
  14. Day 14: operational
  15. Day 15: operational
  16. Day 16: operational
  17. Day 17: operational
  18. Day 18: operational
  19. Day 19: operational
  20. Day 20: operational
  21. Day 21: operational
  22. Day 22: operational
  23. Day 23: operational
  24. Day 24: operational
  25. Day 25: operational
  26. Day 26: operational
  27. Day 27: operational
  28. Day 28: operational
  29. Day 29: operational
  30. Day 30: operational
  31. Day 31: degraded
  32. Day 32: operational
  33. Day 33: operational
  34. Day 34: operational
  35. Day 35: operational
  36. Day 36: operational
  37. Day 37: operational
  38. Day 38: operational
  39. Day 39: operational
  40. Day 40: operational
  41. Day 41: operational
  42. Day 42: down
  43. Day 43: operational
  44. Day 44: operational
  45. Day 45: operational
  46. Day 46: operational
  47. Day 47: operational
  48. Day 48: operational
  49. Day 49: operational
  50. Day 50: operational
  51. Day 51: operational
  52. Day 52: operational
  53. Day 53: operational
  54. Day 54: degraded
  55. Day 55: operational
  56. Day 56: operational
  57. Day 57: operational
  58. Day 58: operational
  59. Day 59: operational
  60. Day 60: operational

99.91% over 60 days

Activity

  1. gateway deployed

    dda3e9b to production

  2. search-api failed its health check

    Rolled back automatically

  3. Usage passed 70% of plan

The same parts make the landing page

Same tokens, same components, a different job.

Open full page
NewNorthwind Deploy 2.0

Ship on Friday. Sleep on Friday.

Previews for every branch, rollback in one click, and logs you can read. Set up in about ten minutes.

Previews

Each branch gets its own URL, torn down when it merges.

Rollback

Any release, one click, no rebuild.

Logs

Search across services without leaving the release.

111 components, 10 families

Every tile is the real component, running.

See all 111
  • Actions 6
  • Used as the hostname for internal routing
    Inputs 15
  • EnvironmentBuildStatusStarted
    production#1247deployed2026-11-06 14:22
    staging#1246building2026-11-06 14:18
    preview#1245pending approval2026-11-06 13:45
    development#1244failed2026-11-06 12:30
    Data display 14
  • Maintenance tonightDeployments pause from 22:00 to 22:15 UTC.
    Feedback 8
  • Skip to content
    tcpsystemsconsole

    Deployments

    Navigation 16

  • Delete gateway-vnext?

    This deletes 14 release records and removes the production route. It cannot be undone.

    Overlays 4

  • Settings

    Configure your account

    Surfaces 5

  • Deployment ready

    api-gateway v2.14.0 passed all checks on production.

    Layout 9

  • Deployments

    Typography and content 12

  • Example coming

    Other 22

Yours in four settings

Colour scheme, accent, density and radius are data attributes on any element. This whole page is responding.

Colour scheme
Accent
Density
Radius