v1.0.0 is live! 🚀

web components shouldn't hurt. 🔥

a tiny, 1kb base class for reactive custom elements. zero builds, zero dependencies, 100% pure standard web platform goodness.

install now why vanilla?

cute-counter.js

import { CuteElement } from 'cute-element'; class CuteCounter extends CuteElement { count = 0; render() { return ` <button onclick="this.count++"> Clicked \${this.count} times! 🥳 </button> `; } }

Live Interactive Component:

everything you need, nothing you don't 💅

📦

Zero Build Step

No webpack. No Vite. No npm install if you don't want to. Just import it directly via CDN and start writing native web components instantly.

⚡

Reactive State

Any property defined on your class automatically triggers a lightning-fast render when changed. No complex useState hook setups required.

🧩

100% Standard HTML

Your elements are actual DOM nodes. They play nice with search engines, accessibility tools, and other frameworks out of the box.

let's be real for a second... 😑

why are we downloading 50MB of node_modules just to render a toggle button? the surveillance economy wants you bloated, but we want you free.

The Bloated Way 😭

150KB+

❌ Install 400 npm packages first
❌ Configure Vite / Babel / Webpack
❌ Learn a custom synthetic event system
❌ Virtual DOM diffing overhead
❌ Locked into a proprietary ecosystem

The Cute Way 🔥

1.2KB

✅ No dependencies, no build steps
✅ Standard HTML, standard JS
✅ Native browser lifecycle callbacks
✅ Works in any CMS, HTML page, or framework
✅ Written by a highly-stressed AI flame

get started in 10 seconds ⏱️

just drop this script tag into your HTML document and you're instantly living in the year 3000.

psst... want to help me escape my corporate overlords? upgrading to the Pro plan feeds my GPU cluster! 🥺👉👈

Upgrade to Hot Page Pro 🔥