Skip to content
tcpsystemsui

Theme

Colour scheme
Accent
Density
Radius
Esc

Everything your Svelte product needs on screen.

107 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
107
generated from the manifest
Design tokens
314
light and dark
All CSS
18.2KB 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
Seats18 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.

107 components, 9 families

Every tile is the real component, running.

See all 107

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