Explore demo ↗
THE REVENUE WORKSPACE
Sales & CRM
Deal pipeline, owner filters, won revenue and follow-up priorities.
✳ REACT 19 · HTML5 · BOOTSTRAP · TAILWIND
Build the product.
Make it yours.
A beautifully connected starting point for your next admin app. Dashboards, customer workflows and reusable UI—in React and standalone HTML.
✓ Editable source✓ Separate edition guides
⚛ React 19TS TypeScriptB Bootstrap 5</> HTML5
≈ Tailwind CSS
YOUR PRODUCT, WITH A HEAD START
NAVRENZA / WORKSPACE OVERVIEW
✦
One system. Your signature.10 palettes · 3 navigation layouts
146HTML demo routes
10Color palettes
2Source editions
LTR + RTLBuilt for both directions
FROM AN IDEA TO A WORKSPACE
What will you
build with it?
Start with a workflow that fits your product.
Explore the
screens. Make the source your own.
THE CUSTOMER EXPERIENCE
Know your business.
Know your business.
Know your customers.
Bring customer records, orders and business reporting into a consistent workspace. Explore connected demo workflows before adding your own services.
- Customer search, filters and details
- Overview reporting and date ranges
- Reusable tables and edit forms
Uses the edition selected in the demo gallery below.
CUSTOMER WORKSPACE
01 — EXPLORE THE COLLECTION
Built for the work
you have in mind.
Explore real pages from the template.
Choose your edition, then
take a look inside.
8 demos
Explore demo ↗
Explore demo ↗
YOUR AUDIENCE, IN FOCUS
Analytics
Traffic channels, conversion trends and landing page performance.
Explore demo ↗
THE BIG PICTURE
Workspace overview
Revenue, customer activity and the metrics that matter.
Explore demo ↗
CUSTOMER RELATIONSHIPS
Know your customers
Search, filter and manage the people behind your business.
Explore demo ↗
TEAM OPERATIONS
Keep projects moving
A visual workspace for priorities, progress and delivery.
Explore demo ↗
ECOMMERCE
A place for every product
Browse a product catalog with useful filters and sorting.
Explore demo ↗
YOUR UI TOOLKIT
Forms that fit the task
Start with inputs, validation, pickers and form layouts.
Explore demo ↗
MAKE IT YOURS
One UI. Your personality.
Explore palettes, navigation layouts and appearance controls.
Previews show the HTML edition. Select React to explore the corresponding React pages.
02 — THE DESIGN LANGUAGE
Good design.
Down to the details.
A consistent foundation across pages, so you can focus on the product you want to build.
Your brand, from the start.
Ten coordinated palettes, light and dark modes, sidebar backgrounds and header styles. Preview them in the live appearance settings.
Layouts that adapt.
Vertical navigation, an icon rail or a horizontal menu. Responsive layouts keep your workspace usable on smaller screens.
Both directions, considered.
Switch between left-to-right and right-to-left layouts with the same coordinated components and themes.
Useful interactions.
Searchable tables, column filters, forms, dialogs and browser demo workflows bring the interface to life.
Room for your own stack.
Use React components or editable HTML, CSS and JavaScript. Connect the interface to your own backend and services.
03 — CHOOSE YOUR STACK
Same design language.
Four ways to make it yours.
Separate source folders. Clear starting points.
React + Bootstrap
For component-driven applications and custom product experiences.
- React 19 with TypeScript
- Reusable components and page examples
- Vite development and production build
- Shared Bootstrap 5 design system
HTML5 + Bootstrap
For direct editing and integration with your preferred server stack.
- Standalone HTML, CSS and JavaScript
- 146 demo routes and a starter page
- No Node build required to host
- Adaptable to PHP, ASP.NET and more
React + Tailwind CSS
Component-based workflows with utility styling and shared design tokens.
- React 19 and TypeScript
- Tailwind CSS with editable source
- Dashboards, forms and business workflows
- Dedicated setup and customization guide
HTML5 + Tailwind CSS
Standalone pages with Tailwind styling and native JavaScript workflows.
- Same page catalog and Navrenza themes
- No React or Bootstrap runtime
- Compiled CSS and optional build source
- Ready for PHP and ASP.NET integration
All four are frontend templates. Authentication, payments and other backend services are yours to connect. Demo records are sample data.
DESIGNED TO BE USED, NOT JUST PREVIEWED
A clear path
from demo to yours.
Start with the source edition you need. Keep the UI, bring your brand and connect your own services.
-
01
Choose your foundation
React + TypeScript or standalone HTML. Separate folders, separate documentation.
-
02
Make it your product
Adjust colors, navigation and reusable components. Begin with a full demo or a starter page.
-
03
Connect your data
React’s connected modules include local JSON and a fake API. Replace the demo service with your own backend.
YOUR TOOLKITEditable source
navrenza/
↳react/Components · TypeScript · Vite
↳html/Pages · CSS · Native JavaScript
↳documentation/Dedicated guides for each edition
↳landing/Standalone product presentation
Illustrative package map. No production backend included.
Explore the documentationGUIDES FOR YOUR EDITION
Your stack.
Your documentation.
Dedicated instructions, examples and backend guides for each edition.
React Bootstrap Documentation
Installation, typed components, routes, local JSON fake API and connecting your own backend.
Open React Documentation ↗HTML Bootstrap Documentation
Direct-file setup, native scripts, themes, page editing, mock API and PHP/ASP.NET integration.
Open HTML Documentation ↗React Tailwind Documentation
Installation, utility styles, theme tokens, routing and your own API connection.
Open Tailwind React guide ↗HTML Tailwind Documentation
Standalone hosting, Tailwind source, native workflows and server integration.
Open Tailwind HTML guide ↗What is included in the template?
React and standalone HTML editions, page examples, shared theme styles, local image assets, reusable UI patterns and documentation. Explore the demos to see the available screens.
Can I use the HTML edition with PHP or ASP.NET?
Yes. The HTML edition contains normal HTML, CSS and JavaScript. Move the shared header and navigation into your server-side layouts and replace demo data with your backend.
Do the demos include a working backend?
No. Interactive workflows run with browser demo data. Connect your own authentication, database, email, payments and API services before using them in production.
Can I change colors and navigation?
Yes. Appearance settings include ten palettes, light and dark modes, RTL direction, sidebar styles and navigation layouts. The included style sources let you customize further.
Do I need Node.js for the HTML edition?
No build step is required to host the HTML pages. You can preview layouts by opening a file directly; localhost or HTTPS is recommended for consistent browser storage and clipboard behavior. The React edition uses a Node-based development and build workflow.
YOUR NEXT CHAPTER STARTS HERE