Interactions
Show / Hide
This content can be shown or hidden by clicking the button.
<button w-toggle="#toggle-demo">Toggle</button>
<div id="toggle-demo">Content</div>
Expand / Collapse
What is the What Framework?
What is an HTML-first web framework powered by Rust. It lets you build interactive applications using just HTML templates with a ColdFusion-style variable syntax.
Do I need to know JavaScript?
No! What handles interactivity on the server side. The included JavaScript is minimal and handles things like modals and SPA navigation automatically.
Is it fast?
Yes. Built with Rust and Tokio, What handles thousands of concurrent connections efficiently with minimal memory usage.
<div w-collapse-trigger="#faq-1">Question</div>
<div id="faq-1" class="w-collapse">Answer</div>
Fade In / Out
This content fades in and out smoothly.
<button w-fade-trigger="#fade-demo">Fade</button>
<div id="fade-demo" class="w-fade w-fade-in">Content</div>
Animated Counter
0
Users
0
Downloads
0
Stars
<div id="counter-1" class="w-counter">0</div>
<button w-counter-trigger w-counter-target="#counter-1" w-counter-value="1234">
Animate
</button>
Interaction Attributes
| Attribute | Description |
|---|---|
w-toggle="selector" |
Toggle visibility of target element |
w-collapse-trigger="selector" |
Expand/collapse target with animation |
w-fade-trigger="selector" |
Fade target in/out |
w-counter-trigger |
Trigger counter animation |
w-counter-target="selector" |
Element to display count |
w-counter-value="number" |
Target number to count to |