Introduction

Welcome to the behsseui documentation. This section will help you understand our philosophy, set up the CLI and start integrating modern components into your projects.

This is not a traditional component library.

behsseui is not an npm package that you install and keep as a "black box" dependency. It is a collection for beautiful designed components, icons ans UI sections (Slices) that you copy directly into your project.

We believe in an approach where you own the code :

  • No heavy installation : Use our CLI to add only what you need.
  • Total control : The source code is added to your project. You can read, modify and adapt it to your specific needs.
  • Modern Design : Aesthetic defaults, designed for limitless customization.

Key features

Our ecosystem is built to accelerate tour development without sacrifing design quality.

  • Components & icons

    • From buttons to input fields, including a complete collection of SVG icons. Every element is designed to be accessible, responsive and consistent.

  • Slices (UI Blocks)

    • Stop wasting time assembling atomic components one by one. Slices are pre-built blocks that group multiple components together to from complete sections :

    • Navbars and Menus

    • Dashboards

    • Hero Section and Footers

  • Themes & customization

    • Adapt the look of all your components with a single command. behsseui supports multiple color themes and integrates seamlessly with existing CSS varialbes.

Pre-requisite knowledge

Our documentation assumes some familiarity with modern web development. Before getting started, it will help if you are comfortable with :

  • HTML & CSS

  • Javascript / Typescript

  • Your favorite framework

Why the CLI approach ?

We embrace an "Open Code" approach. When you use a traditional library, you are often constrained by its API. If you want to change the internal behavior of a component, you often end up writing complex workarounds.

The CLI drops the code directly into your ui folder.

  • Need to change an animation ? Modify the code.

  • Need to add a specific props ? Modify the code.

  • Need AI to understand your UI ? The code is clear and accessible.

It is your code, we simply provide you with the perfect starting point.