onyx.web

design system

A design system and Vue.js component library created by Schwarz IT.

🚀

Powerful

onyx's advanced components are designed for enterprise grade applications. Including everything you need to build your next enterprise or even personal project.

📦

Flexible and modular

You can build a whole application with onyx or only use a few of our customizable components into an existing application.

🎨

Themeable

We provide a well crafted theme out-of-the-box. Feel free to customize it to perfectly fit your look and feel.

First class DX

Developer Experience is our top priority. onyx is fully written in TypeScript with great type support and generically typed components.

Figma library

onyx also offers a Figma library for design purposes. Connecting Design and Development.

Open Source

Open Source and free to use. Released under the Apache-2.0 License.

Components

onyx is currently in beta version and early / active development. Below you can find a list of components that we are planning to implement as well as their estimated due date. Feel free to check this page regularly, we will keep it up to date with our progress.

Tip: You can click on a component to see its implementation and documentation.

Implemented

In progress

Planned

Filters

Headline

Pagination

Search

Facts and figures

Last updated on: Nov 20, 2024, 06:51 PM

Components

215

Component variants

13,439

Downloads (last month)

1.0.0-beta.70

onyx version

npm packages

1,241

Merged pull requests

423

onyx.web

Powerful

Flexible and modular

Themeable

First class DX

Figma library

Open Source

Components

Avatar

Badge

Button

Checkbox group

Empty

Icon button

Icons

Input

Loading indicator

Nav bar

Radio group

Select

Switch

Tag

Textarea

Tooltip

Stepper

Toast

DataGrid

Dialog

Filters

Headline

Pagination

Search

Facts and figures

Components

Component variants

Downloads (last month)

onyx version

npm packages

Merged pull requests

Closed issues

Thanks to our Partners

Special Partners

STACKIT

WaWi Nexus

CoreUI

Tools & Technologies

Vue.js

Figma

Storybook

VitePress