Multi-Stack Design System

One Design System. Every Stack You Need.

DashCore is a multi-stack UI kit and design system built for founders, agencies, and product teams. Launch marketing sites in days with production-ready landing pages across Next.js, Astro, and more.

Explore Live Demo
0 +
Landing Pages
0 +
Components
0
Framework Stacks
0
Lighthouse Score
0
Theme Modes

Why DashCore

Everything You Need to Launch

A complete design system built for speed. Stop stitching together components — start with a cohesive foundation.

Design System First

Unified tokens, patterns, and constraints ensure visual consistency across every stack implementation. One design language rules them all.

Multi-Stack Architecture

Next.js is live. Astro, Vite, and WordPress are on the roadmap. Ship with your preferred stack while keeping design parity.

Dark Mode & Theming

CSS custom properties power a complete light/dark theme system with semantic color tokens, glassmorphism, and glow effects.

Internationalization

Built-in i18n via next-intl with locale-aware routing, message splitting, and server-side translation loading. Ready for global audiences.

Component Library

Primitives, cards, effects, layouts, and section-level components — all composable, accessible, and theme-aware.

Performance Optimized

Pre-optimized for speed and SEO out of the box. Server components, image optimization, and efficient bundling are baked in.

Landing Pages

16 Landing Pages — 8 Live, 8 On the Way

Each page is fully designed, responsive, and production-ready. New landing pages are shipped regularly — buy once, get every update.

SaaS
Open Next.js Demo
Live

SaaS

A modern platform demo for B2B software teams.

Pricing Features Testimonials
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Startup
Open Next.js Demo
Live

Startup

Launch-focused storytelling for early-stage products.

Hero Team Vision
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Mobile App
Open Next.js Demo
Live

Mobile App

Product-led mobile landing for subscriptions and growth.

Mobile Downloads Screenshots
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Crypto
Open Next.js Demo
Live

Crypto

Web3-ready sections for exchanges, wallets, and tokens.

Charts Stats Security
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Integration Tools
Open Next.js Demo
Live

Integration Tools

Show connected workflows, automations, and ecosystem value.

API Partners Workflow
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Digital Wallet
Open Next.js Demo
Live

Digital Wallet

Fintech sections tailored for balances, transfers, and cards.

Payments Security Finance
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Social
Open Next.js Demo
Live

Social

Community-first layouts for products powered by network effects.

Community Social
Astro Soon
Vite Soon
WP Soon
Laravel Soon
AI Chat
Open Next.js Demo
Live

AI Chat

Present assistants, copilots, and conversational workflows with clarity.

AI Chat Copilot
Astro Soon
Vite Soon
WP Soon
Laravel Soon
Coming Soon — 8 more
Coming Soon

Collaborative Software

Team productivity pages built for connected workflows.

Coming Soon

Enterprise Business

Scale complex operations with a polished enterprise narrative.

Coming Soon

Corporate

A trusted company profile for established brands.

Coming Soon

Developer

Technical positioning for APIs, tools, and docs-first products.

Coming Soon

Marketing

Campaign-ready pages built for demand generation teams.

Coming Soon

Payment Services

Conversion-first flows for payment platforms and gateways.

Coming Soon

Smart Business

Flexible demos for service companies and modern operators.

Coming Soon

Personal Page

A bold personal landing page for creators and consultants.

Beyond Landing Pages

18+ Inner Pages Included

Complete your product site with ready-made pages for authentication, blog, company info, support, and legal compliance.

Platform

6 pages

Corporate

6 pages

Support & Legal

6 pages

Navigation System

A Mega Menu That's Actually a Joy to Configure

The entire navigation — dropdowns, layouts, icons, badges, media — is defined in a single JSON file. Change anything without touching a single line of component code.

messages/en/navigation.json No code changes needed 
{
  "label": "Platform",
  "dropdown": {
    "id": "platform",
    "width": "xl",
    "groups": [
      {
        "type": "featured",
        "gridSpan": 7,
        "heading": "Why DashCore",
        "iconStyle": "gradient",
        "featured": [
          {
            "label": "AI Chat",
            "href": "/ai-chat",
            "icon": "zap",
            "description": "Conversational UI",
            "tag": "New"
          }
        ]
      },
      {
        "type": "links",
        "gridSpan": 5,
        "variant": "highlight",
        "heading": "Products",
        "links": [
          { "label": "SaaS", "href": "/saas", "icon": "cloud" },
          { "label": "Startup", "href": "/startup", "icon": "rocket" }
        ]
      }
    ]
  }
}
{
  "label": "About",
  "href": "/company/about",
  "description": "Our story and mission"
}
{
  "label": "Features",
  "href": "#features",
  "description": "Jump to features section"
}

// Requires a section with matching id:
<section id="features">
  <!-- ... -->
</section>

JSON-Driven Config

The entire navigation — labels, links, dropdowns, icons, badges — is defined in a single JSON file. No JSX, no component edits.

12-Column Grid Layout

Each dropdown panel uses a flexible 12-column grid. Assign any column span per group for full control over layout proportions.

4 Content Group Types

Mix and match "columns", "featured", "links", and "footer" groups within a single panel to create rich, structured menus.

Animated Container

The boxed container smoothly resizes width and height when switching between panels — no layout jumps, no repaints.

Directional Slide Transitions

Panels slide left or right based on navigation order, giving users a spatial sense of where they are in the menu.

Optional 3D Flip Entry

Enable the `enable3D` prop for a rotateX entry animation that gives the dropdown a polished depth-first reveal.

Link or Dropdown — Your Choice

Any nav item can be a plain link (just pass `href`) or a dropdown trigger (pass `dropdown`). Mix both freely in one config.

Mobile-Ready

A separate, fully-featured mobile drawer is included and driven by the same JSON config — one source of truth.

4 Composable Content Group Types

"type": "columns" 01

Column Groups

Multi-column link grids with headings, descriptions, icons, badges, and optional "View all" links.

"type": "featured" 02

Featured Items

Large cards with icon box, tag badge, and optional image/video media. Perfect for new releases or highlighted products.

"type": "links" 03

Link Lists

Simple vertical link list with glass or gradient icon styling. Great for sidebars and compact panels.

"type": "footer" 04

Footer Strip

Full-width muted bar at the bottom for quick-access links, CTAs, or contextual subheadings.

Internationalization

Built for Global Audiences
from Day One

Full internationalization via next-intl. English and Spanish ship out of the box. Adding your language takes minutes, not days.

Locale-Aware Routing

Every route is prefixed with the active locale. Switching languages is a first-class navigation event, not a redirect hack.

Namespace Splitting

Translations are split into focused namespaces (navigation, landing, company…). Only the required strings are loaded per page.

Server-Side Loading

Messages are resolved on the server before rendering. Zero client-side fetches, zero layout shift, zero flash of untranslated content.

Add a Language in Minutes

Duplicate the `en/` folder, translate the JSON files, and register the locale in `config.ts`. That's the entire process.

Currently Available

English
Live
Español
Live
Your language here
Duplicate en/, translate, done

Namespace Structure

messages/
en/
navigation.json
landing.json
company.json
platform.json
es/ live
fr/ ← add any locale

Built With

A Modern Stack You'll Enjoy

Built with tools experienced developers already know — no proprietary lock-in.

Next.js v16
React v19
Tailwind v4
TypeScript v5.x
Astro v5.x
Framer Motion v12

Stack Availability

Stack
Status
Version
Next.js
Available
1.0
Astro
In Progress
—
Vite
Coming Soon
—
WordPress
Coming Soon
—

FAQ

Common Questions

Everything you need to know before you buy.

You receive the complete source code for all landing pages, the full component library, design tokens, theme system, and i18n setup. Everything shown in the demo is included — ready to customize and deploy.

The Next.js stack (v16, React 19, Tailwind CSS v4) is fully available now. Astro, Vite, and WordPress implementations are on the roadmap — all sharing the same design system foundation.

The Regular License covers one end product. For multiple client projects, you'll need a license for each. ThemeForest's standard licensing terms apply.

Yes. Every component, section, and page is designed for both light and dark themes. Theme switching is built-in with CSS custom properties and persists across sessions.

Extremely. The entire visual system is driven by CSS custom properties (design tokens). Change a few variables and the entire template adapts — colors, spacing, shadows, and effects.

Yes. Full i18n support via next-intl with locale-aware routing, message namespacing, and server-side translation loading. Adding a new language is as simple as creating a new locale file.

DashCore scores 98+ on Lighthouse. It leverages Next.js server components, optimized images, efficient code splitting, and proper meta tags for excellent Core Web Vitals and search rankings.

ThemeForest buyers receive 6 months of support for template-related questions. We actively maintain and update DashCore with new landing pages and components.

Stop Building from Scratch.
Start Shipping.

DashCore gives you weeks of design and development in a single download. Clean code, modern stack, production-ready.

Explore Live Demo Get DashCore
16+ landing pages planned
Next.js 16 + React 19
Full dark mode
i18n ready
6 months support
Lifetime updates