Light	Dark

A high-contrast, minimalist foundation for building and distributing design systems. Engineered for technical speed and architectural clarity. Built with a clean modern tech stack featuring the latest libraries and frameworks for effortless, professional development.

🎴 Badges

✨ Features

1. ⚛️ Atomic UI Components - Modular components

2. 🎨 Theme System - Light/dark/system theme switching

3. 📱 Responsive Design - Mobile-first approach

4. ⚡ Performance Optimized - Lazy loading and code splitting

5. ⚙️ Configurable - Feature toggles and customization

6. 🌀 TypeScript - Full (some) type safety

7. 🫧 Minimalist - Clean design

🪨 Quick Start

ℹ️ Prerequisites

1. Node.js 18+

2. Bun or npm/yarn

📩 Installation

Option 1. Fresh Start (Recommended for custom projects)

Windows:

git clone https://github.com/basalt3/spojt.git
cd spojt

# Clean up template files and start fresh
setup\clean.bat

bun install
bun run dev

Linux/macOS:

git clone https://github.com/basalt3/spojt.git
cd spojt

# Clean up template files and start fresh
chmod +x setup/clean.sh
./setup/clean.sh

bun install
bun run dev

Option 2. Use Template As-Is

git clone https://github.com/basalt3/spojt.git
cd spojt

bun install
bun run dev

⚙️ Configuration

The application behavior can be controlled through src/resources/spojt.config.js (if using the template as-is):

// boolean values for visibility

export const spojtConfig = {
  components: {
    navbar: true,
    hero: true,
    libraries: true,
    footer: true,
  },
  utilities: {
    themeSwitcher: true,
    matrixFx: true,
    autoScroll: false,
    highlighter: true,
  },
};

🌃 Featuring

1. Shadcn UI - Components and utilities

2. Phosphor Icons - Icon library

3. Once UI - Design system foundation created by this guy 🤯

4. JSrepo - JavaScript configuration library

5. Tailwind CSS - Utility styling

And now that's...... s-p-o-j-t ✨

🎯 License

🪪 MIT License- see LICENSE file for details.