Skip to content

Premium SaaS Starter Kit built with Next.js 16, Tailwind CSS, and Framer Motion. Features a stunning dark-mode landing page and dashboard UI.

License

Notifications You must be signed in to change notification settings

Aarif5856/Dark_eagle

Repository files navigation

Dark Eagle - Fitness SaaS UI Starter Kit

Dark Eagle is a premium, high-performance UI Starter Kit built with Next.js 16 (App Router) and Tailwind CSS. Designed explicitly for fitness entreprenuers and developers who want to ship a polished frontend in days, not months.

Important Notice: This is a UI Starter Kit. Backend services, authentication logic, and payment processing integrations (Stripe) are NOT included. You must connect your own database and API services.


🚀 Features (UI Only)

  • Next.js 16 App Router: Modern architecture with Server Components.
  • Tailwind CSS v4: Fully styled with a custom theme and dark mode native.
  • Marketing Pages:
    • conversion-optimized Landing Page
    • Features Section with dynamic constants
    • Pricing Cards with monthly/annual toggles (UI)
  • Dashboard UI:
    • Layout with Sidebar placeholder
    • Empty State "Honesty Layer" for quick integration
    • Responsive Tables and Cards
  • Auth Layouts:
    • Login Page (UI)
    • Register Page (UI)
  • Strict TypeScript: 100% typed codebase.

📦 What's Included

  • Full Source Code (Next.js 16 / TypeScript)
  • All UI Components (components/marketing, components/dashboard, components/ui)
  • Configuration Files (tailwind.config.ts, lib/config.ts)
  • Mock Data Constants (lib/constants.ts)

❌ What's NOT Included

  • Backend API / Database
  • Real User Authentication (NextAuth.js logic is stubbed)
  • Stripe Payment Processing (Active checkout)
  • Deployment Hosting

🛠 Installation

  1. Clone the repository (or unzip the package):

    git clone https://github.com/your-username/dark-eagle.git
    cd dark-eagle
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Open http://localhost:3000 in your browser.


🎨 Customization configuration

Colors & Fonts

Edit tailwind.config.ts to change the primary color or fonts.

colors: {
    primary: "#00ff88", // Change this hex code
}

Site Meta

Edit lib/config.ts to update the site title, description, and social links.

Pricing Plans

Edit lib/constants.ts to modify pricing tiers and features.


📄 License

This project is sold under a Single Use or Extended license depending on your purchase.

  • You may NOT redistribute or resell this item as-is.
  • You may use this in a real end-product for yourself or a client.

v1.0.0 - Initial Release