# Overview

The Elentra JS Design System (EJSDS) consists of two libraries, both of which are integral to Elentra JS.

## Component Library

The first of these libraries is the [**Component Library**](/ejs/design-system/component-library.md)**,** which contains a wide and diverse assortment of prebuilt, ready-to-use Vue components. The vast majority of common components that may be required when developing user interfaces for the Elentra platform are already represented within this library, and we intend to enhance and expand this collection of components further over time. 

Within `elentra-2x-js`, the **Component Library** is located in within `src/components`.

{% hint style="success" %}
Don't forget to check out the *new* [Elentra JS 2.x Global Component Documentation](https://elentraproject.github.io/elentra-ui-kit).
{% endhint %}

## Style Library

The second library is the [**Style Library**](/ejs/design-system/style-library.md)**,** which is a large collection of utility classes and variables, intended to provide developers with a comprehensive suite of resources that streamline the development process. The variables and utility classes defined within the **Style Library** are used throughout Elentra JS 2.0, including within the **Component Library,** where they are used to define the styling of the components themselves. 

Within `elentra-2x-js`, the **Style Library** is located in within `src/styles`.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.elentra.org/ejs/design-system/introduction.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.