9
Built-in themes
26
JS modules
0
Dependencies
<14kb
JS file size
Install

Two lines.
You're building.

No package manager. No webpack. No config file. Add the CSS in your <head> and the JS before </body>.

Optionally add the flash prevention script in <head> before the CSS to stop theme flickering on first load.

<!-- Flash prevention — in <head> before CSS -->
<script>
(function(){
  var t = localStorage.getItem('dd-theme');
  if(t) document.documentElement
          .setAttribute('data-dd-theme', t);
})();
</script>

<!-- CSS in <head> -->
<link rel="stylesheet"
  href="https://divdrop.io/CDN/CSS/Def/divdrop.css">

<!-- JS before </body> -->
<script
  src="https://divdrop.io/CDN/JS/divdrop.js">
</script>
9 Built-in Themes

Click any theme — watch the page change

One attribute on your <html> tag switches every component instantly. No JavaScript needed for the visual change.

<html data-dd-theme="light">
Full themes guide →
Why DivDrop

Everything you need. Nothing you don't.

Built for developers who want a solid foundation without the overhead of a full framework or a build pipeline.

9 themes, one attribute

Set data-dd-theme="forest" on your HTML tag. Every component updates instantly. Build your own with a single CSS block.

Reactive without a framework

Built-in store, two-way binding, list rendering, hash router. All via data-dd-* attributes. No React, no Vue, no build step.

CDN ready

One CSS link, one JS script. Works in any HTML file immediately. No npm, no webpack, no config.

WCAG 2.1 AA

Focus rings on every interactive element. Role alerts on form errors. Modal focus trap. 44px touch targets on mobile.

Built-in router

Hash-based routing with param extraction. DD.router({'/users/:id': fn}). SPAs without a library.

Custom HTML elements

Use <dd-reveal>, <dd-counter>, <dd-typewriter> directly. Behaviour declared, not scripted.

Companion library

JB Icons v1.0

40 chiseled outline SVG icons built to complement DivDrop. currentColor so they follow your theme automatically. One sprite file, zero dependencies.

currentColor Chiseled effect SVG sprite Theme-aware
Browse JB Icons ↗
home
search
bell
user
settings
check
copy
mail
star
download
edit
trash
link
calendar
filter
lock
eye
tag
info
refresh
Get in touch

We'd love to hear from you

Have feedback on DivDrop? Found a bug? Want a component we haven't built yet? Drop us a message — we read every one.

Email
info@divdrop.io
Response time
We reply within 24 hours
Feature requests
We read and consider every one
What is ? + ? = Quick check — we're not robots either 🤖

Ready to build with DivDrop?

Free forever. No account needed. Link the CDN and start building in under a minute.

Get started — it's free Open playground