README.md

🐛 dumbass

Chosen by toddlers, insects, and stupid coders.

Be boring, be dumb. Be too stupid for complex tools.

Make components from cross-browser web standards without thinking too hard.

No JSX, no Shadow DOM, no fancy framworks, no opinions.

• Just HTML, CSS and JavaScript—No JSX, no Shadow DOM, no fancy frameworks, no opinions.
• Stop learning, stagnate!—Use the syntax you already know. Stop learning new things. Do more with what's already here.
• Crazy and fun, but in a serious way—Dumbass is the tool for people who don't want to think too hard to make UI.

To learn more...oh wait, you already know enough.

Gorgeous dumbass

function Spin(n) {
  return d`  
    <div 
      wheel:passive=${spin}
      touchmove:passive=${move}
    >
      <h1>
        <progress 
          max=1000
          value=${n}
        ></progress>
        <hr>
        <input 
          input=${step}
          type=number 
          value=${n}>
    </div>
  `;
}

Still not bored?

You soon will be. Nothing amazing here: Play with the full example on CodePen

See even more boring code in a 250 line TodoMVC test

Install mantras

Install dumbass with npm:

npm i --save dumbass

Parcel or Webpack dumbass and import:

import { d } from "dumbass"

See a CodeSandbox how-to of above

Or import in a module:

<script type="module">
  import { d } from "https://unpkg.com/dumbass"
</script>

See a CodePen how-to of above