---
title: "v1.0.0"
description: "The first major release of Systhema, a design system ecosystem for building digital products that are consistent, scalable and faster to deploy."
requested_language: hu
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/hu/changelog/v1.0.0
version: changelog
docs_index: https://docs.systhema.app/hu/llms.txt
---
> This page isn't translated yet. Showing English.


We are thrilled to announce the first major release of **Systhema**, our new Design System ecosystem. This release lays the foundation for building digital products that are consistent, scalable, and faster to deploy.

Systhema is designed to bridge the gap between design and development, ensuring that your brand's visual language is perfectly translated into every application you build.

---

### 🚀 Why Systhema?

- **Unified Design Language**: Systhema acts as the single source of truth for your brand's design tokens—colors, typography, spacing, and more.
- **Always-Up-To-Date**: Automation ensures that changes in design are instantly reflected across your codebase, eliminating manual handoffs and drift.
- **Rapid Launch**: Accelerate project kickoffs with production-ready templates for websites and content management systems.
- **Enterprise-Grade Flexibility**: A minimal, high-performance foundation designed for instant starts, without sacrificing the customization needed for complex applications.
- **Secure & Private**: In a world where every pixel matters—and every byte can be vulnerable — Systhema is built from the ground up with security at its core. Your digital experience stays safe, reliable, and confidently future-proof.

---

### 📦 The Ecosystem

Systhema is modular, allowing you to use exactly what you need for your specific project.

#### `@systhemaui/core`

**The Foundation**
The central engine that powers the entire system. It connects your raw design data to the technical infrastructure, ensuring consistent styling rules across all platforms. It handles the complexity of translating design decisions into code-ready assets.

#### `@systhemaui/react`

**Component Library**
A suite of robust, pre-built user interface elements—like buttons, headings, and layout containers. These components "listen" to the core foundation, automatically adapting their look and feel to match your brand's specific themes without requiring manual styling.

#### `@systhemaui/next`

**Next.js Integration**
Specialized tools designed for high-performance web applications built with Next.js. This package layers on top of our React library to provide optimizations specifically for the Next.js framework, ensuring your sites are fast, SEO-friendly, and leverage the latest rendering technologies.

#### `@systhemaui/payload`

**Content Management System**
The unifying layer that ties the entire ecosystem together. This package seamlessly connects our design core and component libraries directly into PayloadCMS. It enables incredibly fast project launches with ready-to-use building blocks, while remaining flexible enough to support complex, enterprise-grade requirements.