Skip to content
Emberx design system with components and statistics for web development, optimized for ZORC apps and user experiences
Emberx – screenshot 2
Emberx – screenshot 3
// COLOUR PALETTE
Deep Charcoal Background #121212
Ember Orange Primary #FF4D00
Ash White Text #F5F5F5
Molten Gold Accent #FFD700
Slate Gray Surface #2D2D2D
// Neon UI kit

Emberx

Emberx-style design system for AI-driven development

25 kr

One-time payment • VAT included • Source code included

Components
10
Tech stack
React, Tailwind CSS, TypeScript, Framer Motion, Lucide Icons, Geist Sans
Licence
Commercial
Delivery
Instant access (zip + Git)
Updated

About this kit

A modern UI Kit with Emberx aesthetics. Contains ready-made components for rapid prototyping and production.

Components included

Knappar Form Datatabeller Navigationsmenyer Toasts Sidopaneler Statistikkort Modaler Flikar Badges

Features

  • Dark and light mode
  • WCAG AA-kontrast
  • Responsiv design
  • Cut-and-paste ready for AI
  • High performance animations
  • Variabla komponenter

When does this kit fit?

saas dashboard admin internal-tool landing-page

Tech stack

React Tailwind CSS TypeScript Framer Motion Lucide Icons Geist Sans

How to use this kit

  1. Step 01

    Download

    Sign in to ZORC and fetch the zip from your purchases. All source code and documentation is included.

  2. Step 02

    Copy into your project

    Drop the components/ folder into your project — or install via package.json if the kit is packaged for npm.

  3. Step 03

    Wire up design tokens

    The tokens/ folder holds colours, typography and spacing for your Tailwind config or CSS variables.

  4. Step 04

    Start building

    Import the components and use them straight away. Each one ships with examples, props and variants in the docs.

Example AI prompt

Use the Emberx UI Kit to build a dashboard for an AI platform. Create a layout with a dark sidebar, a grid of stat cards that display real-time data, and a central data table with glowing orange accents. Make sure all buttons follow the Emberx aesthetic with neon effects on hovers.

Common questions

What does Emberx include?
Emberx includes 10 components, including Knappar, Form, Datatabeller, Navigationsmenyer and more.
What tech stack is Emberx built on?
Emberx is built with React, Tailwind CSS, TypeScript, Framer Motion, Lucide Icons, Geist Sans.
Are the components accessible?
Yes. They follow WCAG 2.1 AA where the content allows — focus rings, keyboard support, ARIA and contrast.
What licence do I get?
Commercial. You may use the components across your organisation's paid projects. What you cannot do is resell the kit itself.
How do I get started?
Copy in the components/ folder, add the design tokens and start building. A full guide ships with the kit.
Do I get updates?
Yes. All future versions are included at no extra cost for as long as the kit remains in the catalogue.
// More UI kits

More kits from ZORC