Starter Templates

Skip the blank page. Pick a template and it opens directly in NitroIDE — HTML, CSS and JS ready to remix, 100% in your browser.

Personal Portfolio

template: portfolio

A clean single-page portfolio with hero, work grid, about and contact sections.

Open in NitroIDE

Startup Landing Page

template: landing-page

A modern SaaS landing page with hero, feature cards, stats and a signup form.

Open in NitroIDE

Pure CSS Sunset

template: css-art

A mountain sunset scene drawn entirely with CSS gradients and clip-paths. Toggle day/night.

Open in NitroIDE

Target Tap Game

template: mini-game

A tiny canvas game: click the targets before the 30-second timer runs out.

Open in NitroIDE

Tailwind via CDN

template: tailwind-demo

Tailwind CSS loaded from CDN — utility-first cards, buttons and a counter.

Open in NitroIDE

React 18 Counter

template: react-counter

React 18 loaded from CDN with hooks — a working counter, no build step or JSX compiler.

Open in NitroIDE

Todo App

template: todo-app

A vanilla JS todo list with add, complete, delete and localStorage persistence.

Open in NitroIDE

Analog + Digital Clock

template: clock

A smooth animated analog clock face with a live digital readout.

Open in NitroIDE

CSS Gradient Generator

template: gradient-generator

An interactive tool: pick colors and angle, preview the gradient, copy the CSS.

Open in NitroIDE

Markdown Previewer

template: markdown-preview

Type markdown on the left and watch it render as HTML on the right, live.

Open in NitroIDE

Every template is three files — index.html, style.css and script.js — that load straight into the editor. Remix them freely; everything runs locally in your browser.