Add html★ to your project in seconds. No build step required.
CDN (Recommended)
The fastest way to get started is via CDN. Add a script tag before </body>:
HTML
<script defer src="https://unpkg.com/html-star@0.5"></script>
Or use jsDelivr:
HTML
<script defer src="https://cdn.jsdelivr.net/npm/html-star@0.5"></script>
Tip: Pin to a major.minor version (e.g.
@0.5) to avoid unexpected breaking changes while still receiving patch updates.
npm
If you prefer npm:
BASH
npm install html-star
Then import it in your JavaScript:
JAVASCRIPT
import htmlstar from 'html-star';
html★ auto-initializes on import — no setup code needed.
Download
You can also download the files directly:
- html-star.js — ES Module build (~8.7KB gzipped). Use with
<script type="module">. - html-star.umd.cjs — UMD build (~7.7KB gzipped). Use with a regular
<script>tag.
Verification
To verify html★ is loaded correctly, open your browser console and type:
JAVASCRIPT
console.log(htmlstar.version); // Should print "0.5.0"/code-block<h2>Browser Support</h2><table><thead><tr><th align="left">Feature</th><th align="left">Chrome</th><th align="left">Firefox</th><th align="left">Safari</th><th align="left">Edge</th></tr></thead><tbody><tr><td align="left">Core (fetch, data-*)</td><td align="left">✓</td><td align="left">✓</td><td align="left">✓</td><td align="left">✓</td></tr><tr><td align="left">View Transitions</td><td align="left">111+</td><td align="left">133+</td><td align="left">18+</td><td align="left">111+</td></tr><tr><td align="left">CSS Fallback</td><td align="left">✓</td><td align="left">✓</td><td align="left">✓</td><td align="left">✓</td></tr><tr><td align="left">dialog.showModal()</td><td align="left">✓</td><td align="left">✓</td><td align="left">15.4+</td><td align="left">✓</td></tr></tbody></table><blockquote><p><strong>Graceful Degradation:</strong> All modern browsers support the native View Transitions API. In older browsers, html★ automatically falls back to CSS-based crossfade animations — no errors, no broken layouts, just smooth transitions everywhere.</p></blockquote><h2>Next Steps</h2><p>Now that html★ is installed, head to the <a href="/docs/quick-start/">Quick Start guide</a> to build your first enhanced page.</p>