html body { margin-top: 50px !important; } .jsdfjhdsgjfhdgshf{ position:fixed; width:30px; height:30px; bottom:20px; right:20px; background-color:#0C9; color:#FFF; border-radius:50px; text-align:center; box-shadow: 2px 2px 3px #999; } .my-float{ margin-top:22px; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#369eab; height:45px; line-height:45px; background-color:#369eab; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }

Thanks to visit codestin.com
Credit goes to dy.github.io

{ x = e.clientX; y = e.clientY; }" :style="{'--x': x + 'px', '--y': y + 'px'}" class="flex-col border border-10 md:border-20 border-sky-700 bg-neutral-100 p-6 md:p-20">

spræ

Hydration for DOM tree

Easy progressive enhancement for HTML / JSX.
Add UI interactions with reactive attributes.
<div :scope="count=0">
  <button :onclick="count++">+</button>
  <button :onclick="count--">–</button>
  Count: <span :text="count"></span>
</div>

Reference

:text

Set text content.

<span :text="user.name">Guest</span>
:text

Set text content.

<span :text="user.name">Guest</span>

FAQ

Why another framework?

There's no full aesthetic satisfaction with other solutions.

Why sprae?

It hydrates DOM tree non-invasively.

Why not Alpine.js?

Less syntax space, less magic, more control over state and easier to integrate.

Why not vanilla JS?

`querySelector` or `createElement` is wrong mantra.

Why not Next/React?

Personally it's overcomplicated and non-organic. But sprae works well with JSX.

Who cares for progressive enhancement / graceful degradation?

Who needs fast, fail-proof, accessible, SEO-optimized web.

Is it just a toy?

It is used in production, but it's indeed fun and comes with sandbox.

Does it scale to complex state?

As far as you can handle it and CPU allows. Sprae has good performance.

Are signals overhyped?

Signals are the standard for reactivity.

Is no build step outdated?

Sprae saves the hassle configuring it, but as ESM that can be part of build pipeline as well.

Is new Function unsafe?

If your HTML comes from strangers or there's CSP, there is safe evaluator.

Components support?

Awaiting the DCE proposal, meanwhile we have to manage duplication.

Is there ecosystem?

Not yet.

TypeScript support?

If you need it please leave a request.

Is it stable?

Core is stable since v10.

How old is it?

enough years old (first commit Nov 7, 2022).

Will it be maintained long-term?

12 versions, 1.5k+ commits and future plans.

What’s future plan?

Plugins, components, integration cases, generators.

Is it backed by a company?

No. Just regular devs. You can support it!