What you get
- One HTML file with fonts and portraits embedded, no network requests
- Overview, analytics, finance, customers, roadmap board, calendar and settings views
- Command palette, notifications, light and dark modes, two color presets
- A validator for the sidebar, routes, labels, sandbox safety and sample leftovers
- Optional team portraits generated with PopNow after a credit quote
Good for
- Admin panels and internal tools for a SaaS product
- Back offices for shops, clinics or agencies with renamed views
- A clickable product demo for investors or a team review
Not for
- Public marketing pages
- Dashboards that must read live data from an API on day one
- Loud, colorful or heavily illustrated interfaces
How to use it
In Claude or ChatGPT
Use the PopNow skill "Admin Dashboard Template" (saas-admin-dashboard) for this: Make an operations console for Fernwood Bakery Supply: orders instead of customers, a delivery board, and KPIs for orders, revenue, average order and on-time rate in EUR.
In a coding agent
/popnow-saas-admin-dashboard Make an operations console for Fernwood Bakery Supply: orders instead of customers, a delivery board, and KPIs for orders, revenue, average order and on-time rate in EUR.
Then try
Quote six new team headshots before generating anything.
Move this into my Vue 3 app as real routes.
What to have ready
- Business name, the signed-in operator and 4-8 team members
- The four metrics you watch, plus currency and locale
- What your table rows, board cards and calendar events represent
- Optional: a PopNow API key or your team's photos
Similar skills
View all →3D Avatar Maker
+3Build a cute soft-toy 3D character in your browser and save it as a transparent PNG or a 3D page.
Calendar Heatmap
+3A year of daily activity as a shaded calendar grid, with streaks, totals and keyboard access.
AI SaaS Landing Page
+3Warm sand paper, hairline rails and hatched gutters around a live kanban board where an assistant plans tasks.
Animated Hero Section
+3A landing-page hero with a gently rotating headline word, two buttons and a wide image frame.
Shader Hero Agency Website
+3A live orange-heat shader hero behind a bottom-pinned statement, pill nav and a staggered case-study grid.
Dark SaaS Landing Page
+3A dark, motion-rich marketing site for a software product, delivered as one self-contained HTML file.
Designer Portfolio Website
+3Six tilted cards hover round a fading headline on calm grey, one red portrait card, editorial case studies.
Developer Portfolio Website
+3A dark personal site for engineers with case studies, writing, talks, a résumé and a contact form.
Editorial SaaS Website
+3Navy split hero, a five-line serif headline beside a documentary still, slanted bands and one cobalt accent.
Glassmorphism Website Template
+3Frosted glass pills on a near-black film, a huge serif headline with one italic word and an email capture.
Hardware Product Website
+3Huge hairline model names on silver studio shots, frosted spec cards, a to-scale lineup and a hardware bento.
Interactive Architecture Diagram
+3An offline, clickable system diagram built from a checked JSON model, with the evidence behind each box.
Interactive Grid Hero
+3A dark grid of fine strands that bends toward the cursor and rolls a glowing ring out from every click.
Knowledge Graph Explorer
+3Turn project notes into an offline, searchable graph where every claim links back to its source line.
KPI Dashboard Template
+3Four KPI tiles with change chips over a glowing line chart, a breakdown table and target bars on warm paper.
Landing Page from AI Mockups
+3See three full-page designs first, pick one, and your agent builds it as clean, responsive code.
Magazine Website Template
+3A print-quality magazine site with articles, topics, a small shop and subscriptions, as one HTML file.
Particle Animation Hero
+3Copy on warm paper beside a turning sphere of ink and teal dots that reshapes per idea and scatters on scroll.
Personal Brand Website
+3A portrait feathered into warm paper under a thin bracket, with light-and-bold statements on either side.
Cinematic Product Launch Page
+3Film-lit near-black page: serif title card over drifting light, letterboxed night scene, reservation form.
SaaS Landing Page Template
+3A calm, light marketing site for a software product with a working product console, pricing and sign-up.
Scrapbook Portfolio Website
+3A multi-page online CV made of paper objects, with case studies and a printable resume.
Sneaker Store Website Template
+3A complete footwear or apparel shop with catalog, product pages, bag and demo checkout in one HTML file.
Workflow Automation Landing Page
+3Graphite page, small left-aligned headline, and a live node graph below that runs, retries and streams logs.
Questions
Is the data live?
No. The console ships with sample arrays that you replace with your own records. KPIs and charts are computed from those arrays, so they stay consistent; connecting a real API is a follow-up step in your own project.
Can it be something other than a SaaS console?
Yes. The view recipes stay and the nouns change: customers can become orders or patients, the roadmap a fulfilment board or case list, the calendar appointments.
What does PopNow generate here?
Only team portraits. Charts, icons and company marks are drawn in SVG. Each portrait run is quoted in credits first and starts only after you agree.
Does it work without a PopNow API key?
Yes. The eight bundled fictional portraits can be renamed for your team, or people can use initials avatars.