budibase-plugin-stopwatch-svelte Svelte Themes

Budibase Plugin Stopwatch Svelte

Stopwatch A simple stopwatch component for Budibase. Provides start, pause, and stop controls with a time display and emits elapsed time values. Key features** - HH:MM:SS or MM:SS display - Start / Pause / Stop controls - Visual pause indicator - Emits elapsed minutes and seconds - Configurable auto-start behavior

Download

⏱ Budibase Stopwatch Plugin (Svelte)

Stopwatch plugin for Budibase built with Svelte 5.

Features

  • HH:MM:SS display
  • Start / Pause / Stop
  • Pause button blinks
  • Emits:
    • startTime
    • elapsedSeconds
    • elapsedMinutes

Installation

⚠️ Self-hosted Budibase only

  1. Download the latest release ZIP
  2. Budibase → Settings → Plugins → Upload
  3. Upload ZIP
  4. Add Stopwatch component to a screen

Development

npm install npm run dev npm run build

Accessibility

This plugin follows Budibase accessibility best practices:

  • All interactive elements are native <button> elements
  • Buttons have visible text labels (Start, Pause, Stop)
  • Pause state is visually indicated via animation
  • Color is not the only indicator of state
  • Keyboard navigation is supported
  • Screen readers correctly announce button labels

No custom keyboard shortcuts are used.

Changelog

v1.1.0

  • Added configurable plugin settings
  • Added auto-start option
  • Added display format selector
  • Added pause-state emission option
  • Marketplace schema alignment

v1.0.0

  • Initial release
  • Start / Pause / Stop controls
  • HH:MM:SS display
  • Emits elapsed minutes and seconds

Top categories

tailwinddaisyuiadmin templatepopupmdsvexportfolioblogformecommerceuicarouselauthdarkseoimagerouting
Loading Svelte Themes