UI Elements — Nova SaaS Template

Buttons

Variants and sizes. The primary prism gradient is scarce by design — reserve it for the one action that matters.

Primary Outline Ghost

Small Default Large Large Skew Large Outline

Badges

Small uppercase labels for categories, tiers and live status.

Default // Accent Gold Live

Cards

The base surface. Hover for the amber border and soft glow.

Basic

A simple card

Cards are the workhorse container. Give them padding and drop any content inside.

With action

Card with a button

Combine any elements — text, badges, and calls to action.

Learn more

Review card

The cleanest dark template I have dropped into a product in years.

Alerts

Inline messages with a colored left rule for quick scanning.

Heads up. This template ships with a required footer badge on the free tier.

Success. Your changes have been saved and the build shipped cleanly.

Careful. Removing the Ventus badge requires a paid license from shop.ventus.works.

Forms

Form controls

Inputs, textareas, selects and checkboxes — all token-driven.

Table

Plan comparison, feature matrices, and any tabular data.

Feature	Free	Pro	Enterprise
HTML + React source	✓	✓	✓
Design tokens	✓	✓	✓
Remove Ventus badge	✕	✓	✓
Priority support	✕	✕	✓
Unlimited projects	✕	✕	✓

Stars rating

Gold-fill stars with a muted empty state.

Pagination

Numbered pages with an active prism state.

Accordion

Click a question to expand. Driven by the shared main.js.

Is Nova really free?

Yes. The HTML/CSS template is free for personal and commercial use, as long as the "Made by Ventus" footer badge stays visible. Want it gone? Grab a Pro license.

Which components are included?

Everything on this page: buttons, badges, cards, alerts, form controls, tables, tags, star ratings, pagination and this accordion — plus landing, pricing and contact layouts.

Do I need a build step?

No. Open the HTML and it works. No Node, no bundler, no Tailwind compile. Just edit and deploy.