React 18 Counter.
Free to Remix.
Free to Remix.
Free to Remix.
React 18 loaded from CDN with hooks — a working counter, no build step or JSX compiler. Open it in NitroIDE and every file is yours to edit — HTML, CSS and JavaScript, running 100% in your browser.
Live Preview
This is the template running right now — interact with it, then hit Open in NitroIDE to edit every line.
What's Inside
Three files, zero dependencies to install. Here's what you get out of the box.
Ready-Made Markup
React 18 loaded from CDN with hooks (useState). Semantic, commented HTML you can reshape in seconds.
Styled & Responsive
No JSX compiler or build step required. Tweak colors, spacing and layout live with instant preview.
Working JavaScript
Clean createElement pattern you can extend. Remix the logic, add features, make it yours.
Use case
Use this template when you want to try React without setting up a project — React 18 loads from a CDN, and the counter works with no build step.
What you learn
What you learn: how React 18 loads from CDN UMD builds, how useState holds the counter value, and how React.createElement builds the interface without JSX or a compiler.
Frequently asked questions
Why is there no JSX in this template?
JSX needs a compiler. This template uses React.createElement instead, so it runs directly in the browser with no build step.
Can I add more components?
Yes. Define more functions that return React.createElement trees and render them the same way.
Does it need an internet connection?
Yes, on first load — React loads from a CDN. Once cached, the page itself runs locally.
Keep Exploring
More templates you can open and remix with one click.