Reef
A tiny utility library for building reactive state-based UI.
Reef is a simpler alternative to React, Vue, and other UI libraries. No build steps. No fancy syntax. Just vanilla JS and a few small utility functions.
🔥 Join the Vanilla JS Academy! A new session starts on October 10. Click here to learn more.
Features
- Weighs just 1.6kb minified and gzipped, with zero dependencies.
- Simple templating with JavaScript strings or template literals.
- Load it with a
<script>element or ES module import—no command line or transpiling required (though you can if you want). - Uses DOM diffing to update only the things that have changed.
- Automatically sanitizes HTML before rendering to help protect you from cross-site scripting (XSS) attacks.
- Write vanilla JS, and use a few small utility methods only when they’re needed.
- Compatible with all modern browsers.
Make web development fun and simple again!
Hi, I'm Chris Ferdinandi. 👋
I help people learn vanilla JavaScript, and I believe there’s a simpler, more resilient way to make things for the web.
I create courses and ebooks, run online workshops, and host the Vanilla JS Podcast. My developer tips newsletter is read by over 13k developers each weekday.
Have a question? Get in touch.
Get Daily Developer Tips
Hate the complexity of modern front‑end web development? I send out a short email each weekday on how to build a simpler, more resilient web. Join over 13k others.