Snippets
Open-source micro-tools door Bonaroo
Open-source micro-tools gebouwd door het Bonaroo team en AI friends. Vrij te gebruiken in je eigen projecten.
⏱
Timer
Persistente countdown timer met localStorage
Live demo
StartReset
Gebruik
<script src="/js/timer.js"></script>
<script>
new BonarooTimer("01:00").write();
</script>
Persistence via localStorage
Start / Stop / Reset
H:MM:SS formaat
Geen dependencies
📋
Copy Table
Kopieer HTML tabellen naar Google Sheets of Excel
Live demo
Kopieer voor Google Sheets
Kopieer voor Excel
| Naam | Rol | Status |
|---|---|---|
| Menno | Strategie | Actief |
| Toby | Architectuur | Actief |
Gebruik
<script src="/js/copy-table.js"></script>
<button onclick="selectTable(
'my-table', 'google', 'btn-id'
)">Copy</button>
<table id="my-table">
...
</table>
Google Sheets compatible
Microsoft Excel compatible
Clipboard API
Geen dependencies
⇅
Sortable
Maak elke HTML tabel sorteerbaar met een klik
Live demo
| Taal | Jaar | Populariteit |
|---|---|---|
| Ruby | 1995 | 18 |
| Elixir | 2011 | 32 |
| JavaScript | 1995 | 1 |
| Python | 1991 | 2 |
Gebruik
<script src="/js/sortable.js"></script>
<script>
new BonarooSortable("my-table");
</script>
Klik op headers om te sorteren
Detecteert tekst vs. nummers
Ascending / Descending
Geen dependencies
✎
Typewriter
Animeer tekst met een typewriter effect
Live demo
Bonaroo stuurt AI-agents aan met 50 jaar engineering-ervaring als kompas.
Gebruik
<p id="hero">Your text here.</p>
<script src="/js/typewriter.js"></script>
<script>
new BonarooTypewriter("hero").start();
</script>
Instelbare snelheid
Cursor animatie
Loop optie
Geen dependencies