HTML5 · Bootstrap 5 · SCSS · No jQuery

One template.
Every kind of website.

30 complete demos and 1,094 ready-made pages, from restaurants and clinics to SaaS, shops and law firms. Change a colour, a menu or a sentence in one place and every page updates.

Explore the demos How editing works
30Demos
1,094Pages
58Section types
10Hero layouts
10Colour schemes per demo
Ready-made demos

30 demos, every one a complete website

Each demo has its own design, colour palette and fonts, with at least 20 pages: home pages, inner pages and generated detail pages.

Open demo 36 pages

Hotel & Resort

Hospitality
12
Open demo 41 pages

Gym & Fitness

Health & Wellness
14
Open demo 35 pages

Yoga Studio

Health & Wellness
15
Open demo 32 pages

Day Spa & Salon

Health & Wellness
16
Open demo 32 pages

Medical Clinic

Health & Wellness
17
Open demo 36 pages

Dental Clinic

Health & Wellness
18
Open demo 35 pages

Construction

Local Services
20
Open demo 31 pages

Architecture Studio

Creative
24
0
Ready-made pages
0
Reusable section types
0
HTML validation errors
0
jQuery or heavy plugins
How easy is it to edit?

Write it once. Every page updates.

Every page is a short list of sections in a JSON file. There are no templates to learn: change the words, reorder the blocks, save. Prefer plain HTML? Every generated page is clean, indented and commented, ready to edit by hand.

One file per page

src/demos/restaurant/pages/index.json holds the whole home page.

One block per theme

Colours, fonts and corner radius live in demo.json.

Shared data

Add a room, course or product to data.json and its detail page is created for you.

Or just edit HTML

Clean, validated, commented HTML you can open in any editor.

pages/index.json
{
  "title": "Home",
  "sections": [
    {
      "type": "hero",
      "variant": "slider",
      "title": "Dinner worth
                the journey"
    },
    {
      "type": "menu",
      "title": "Tonight's menu",
      "categories": "..."
    },
    { "type": "testimonials" },
    { "type": "cta", "style": "image" }
  ]
}
Save the file and the page rebuilds: a hero slider, the menu, reviews and a call to action.
How to use it

From download to live site in four steps

No build tools required. Use them only if you want to change many pages at once.

  1. 01

    Pick a demo

    Browse the demos, find the closest match and keep its folder plus the shared assets folder.

  2. 02

    Make it yours in one file

    Set your business name, logo, phone, email and social links in site.json. Every header, footer and page title updates.

  3. 03

    Change colours and content

    Edit the theme block for colours and fonts, then change text and images in the page files or directly in the HTML.

  4. 04

    Build and upload

    Run npm run build (or skip it if you edited HTML) and upload the folder to any web host. No database, no server code.

Built-in features

Real functionality, not just pretty pages

Real estate

Property search that actually works

Filter by city, type, price and bedrooms, sort, switch grid or list, paginate, save favourites and compare homes side by side.

10

Colour schemes

A live colour switcher on every demo remembers each visitor's choice.

Mortgage calculator

Monthly payment, loan, interest and deposit, updated as you type.

Shop pages

Product pages with colours and sizes, a cart that recalculates totals, and checkout.

Smart headers

Transparent, light or dark headers with dropdown menus, a top bar and a sticky state on scroll.

Also included

  • Pricing monthly / yearly toggle
  • Event countdowns
  • Portfolio filters
  • Lightbox galleries
  • Video pop-ups
  • Before / after sliders
  • Tabbed menus and schedules

Ready-to-connect forms

Contact, booking, quote and newsletter forms with a success message. Point them at your form handler in one setting.

Auto detail pages

Rooms, courses, services, team members, products and articles each get their own page from one data file.

Swap a colour, rename the business and change a menu item once, and all of a demo's pages follow. That's the whole idea.

Built to be editedThe Omnira way
Page types

Every page a business website needs

Two home pages per demo

Two home pages per demo

Every demo ships with two different home pages so you can choose the layout that suits you.

  • Ten hero layouts: slider, video, split, collage, booking form, search and more
  • Rich sections: bento grids, sliders, tabs, timelines, awards
Detail pages for everything

Detail pages for everything

Services, rooms, courses, tours, cars, projects and products each get a full page with gallery, facts, highlights and a booking or enquiry sidebar.

  • Curriculum and itinerary accordions
  • Price sidebars with forms
Team and profile pages

Team and profile pages

Doctors, lawyers, trainers, agents, speakers and chefs each get a profile with bio, stats, specialties and a contact form.

Shop, product, cart and checkout

Shop, product, cart and checkout

A complete store flow with product galleries, colour and size options, reviews, cart totals and checkout.

All the pages people forget

All the pages people forget

Pricing, FAQ, careers, testimonials, blog and articles, contact with map, sign in, coming soon and 404.

Why Omnira

All the advantages

Everything that makes the template faster to launch, easier to edit and safer to sell or ship to a client.

30 demos, 1,094 pages

Business, tech, food, health, creative, travel, events, retail and non-profit, each a complete website.

Edit once, update everywhere

Business name, logo, contact details and menus live in one place instead of on every page.

Clean, validated HTML5

Zero validation errors, semantic markup, one heading per page, indented and commented output.

Bootstrap 5 inside

The grid, utilities, tabs, carousels and modals you already know. No jQuery.

Organised SCSS

Design tokens, one partial per component, readable CSS plus a minified copy for production.

Any colour, any font

Change colours with hex values and use any Google Fonts family by name. Ten-scheme switcher built in.

Responsive everywhere

Designed mobile-first and checked on phones, tablets and large desktops.

Accessible by default

Skip link, visible focus, labelled controls, keyboard lightbox, reduced-motion support.

Fast

Lazy-loaded images, preconnected fonts and about 26 KB of plain JavaScript for every interactive feature.

SEO-friendly

Unique titles and descriptions per page, clean headings and real links between pages.

License-safe images

Preview photos are not shipped; you get neat placeholders at the right proportions, ready for your own.

Beginner documentation

Step-by-step guide for editing HTML or using the build, plus a reference for every section.

Live-reload dev server

Run npm run dev and see every change instantly. One command builds the final site.

Host anywhere

Static files only: no database, no PHP, no CMS to keep updated. Upload and you're live.

Mix and match

Any section from any demo works in every other demo, with its own colours applied.

Section library

58 sections to build any page

Every demo is built from the same library, so any block you see can be dropped into any page.

  • About
  • Agent profile
  • Agents
  • Article
  • Sign in / register
  • Awards
  • Before after
  • Bento
  • Blog
  • Cart
  • Checkout
  • Coming soon
  • Compare
  • Contact
  • Countdown
  • Call to action
  • Detail
  • 404 page
  • FAQ
  • Feature tabs
  • Features
  • Form split
  • Gallery
  • Gym BMI
  • Hero
  • Jobs
  • Listings
  • Logos
  • Map
  • Marquee
  • Menu
  • Mortgage
  • Newsletter
  • Page header
  • Person
  • Plan compare
  • Portfolio
  • Pricing
  • Process
  • Product detail
  • Products
  • Properties
  • Property detail
  • Quote
  • Schedule
  • Search
  • Services
  • Skills
  • Slider
  • Split list
  • Stats
  • Team
  • Testimonials
  • Rich text
  • Tiles
  • Timeline
  • Video
  • Zigzag
Questions

Before you buy

Anything else? Ask on the item's comments or support tab.

No. You can edit the finished HTML files with any text editor. The build tools are optional and only save time when you change many pages.

Yes. Keep that demo's folder and the shared assets folder, and delete the rest.

No. Photos in the live preview are for demonstration only. Your download uses placeholder images with the same proportions, so the layouts stay intact until you add your own.

The forms are ready to connect: set your form handler address once and every form uses it. Until then they show a thank-you message.

Omnira is an HTML template. It runs on any web host with no database or CMS.

Yes. Each demo has its own theme block, and visitors can also try ten colour schemes with the built-in switcher.

Launch your next website this week

30 demos, 1,094 pages and a codebase that's genuinely easy to edit.

Browse the demos