BEEQ
BEEQ Design System, a web component library ruled by Endavan developers :)
Overview:
The content is a guide for installing and using the BEEQ Design System library. It provides information about the package versions, documentation, structure of the project, dependencies, usage instructions, and additional features like running the project, building, testing, and contributing.
Features:
- @bee-q/core: Core library for all the elements/components implemented.
- @bee-q/angular: Angular-specific wrapper for BEEQ core library.
- @bee-q/react: React-specific wrapper for BEEQ core library.
- Integration with more output targets (e.g. Vue, Svelte) will be added later.
Summary:
The BEEQ Design System is a library that provides a set of components for building applications. It offers a core library and framework-specific wrappers for Angular and React. The installation process is straightforward, and the library can be used by following the usage instructions for each package. The design system also includes a component generator and supports running, building, and testing the project. Contributions to the project are also welcome.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Web Components
Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.