---
description: >-
  Hartan is a UI component library built on React JS and distributed as a NPM
  package. It offers a collection of independent, well-documented resources
  designed to facilitate rapid website development.
---

# Welcome

We want to **help** developers **to work more efficiently** providing them with a simple yet customizable components library that helps them to build their websites rapidly without spending much time. Hartan presents clear and intuitive design principles, empowering users to easily customize and personalize their projects, ensuring that it fits well with the specific needs of the user.

### **But why a new library, aren't there already multiple better solutions?**

Developers while building React web applications often face a trade-off between focusing on application logic or spending valuable time crafting the UI. While CSS frameworks can help, they still require writing basic HTML. Conversely, component libraries offer more pre-built UI elements, but can introduce complexity. We propose a middle ground: a solution that eliminates the need for HTML boilerplate while maintaining the simplicity and customizability of direct components. This would empower developers to rapidly and swiftly build websites without sacrificing flexibility.

### Meet the Team

> _"We were fed up making the same components again and again while making our personal projects because most of the projects followed same structure and components, with only the styling changed. So, we felt a need for re-usability and hence decided to build this library as a NPM package which also ended up being our final year graduation project. We have tried to keep it really simple and have made its code public, so more components could be added in the future."_ &#x20;

**- Akkshay Tandon, Hardik Singh.**

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td><img src="https://akkshaytandon.github.io/MyLinkTree/img/resume-image.png" alt=""></td><td>Akkshay Tandon</td><td>Web Developer</td><td><a href="https://akkshaytandon.github.io/MyLinkTree/">MyLinkTree</a></td></tr><tr><td><img src="https://3127277532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrU6hnpYZsNGkTJ4WsWF4%2Fuploads%2FZkFvNZ23N0FghchxmDkI%2FMy_pic-modified.png?alt=media&#x26;token=ee681803-776d-429a-9346-c9d94c22727a" alt=""></td><td><strong>Hardik Singh</strong></td><td>Web Developer</td><td><a href="https://hardik5ingh.netlify.app/">Portfolio</a></td></tr></tbody></table>



### **FAQ**

<details>

<summary>Is Hartan library a replacement?</summary>

No, it's not a replacement. It is just some pre-built most commonly used components wiht customization power in the hands of user.

</details>

<details>

<summary>Are there any pre-requisites to use Hartan?</summary>

Although, there are no hard and fast pre-requisites, but we do recommend that you should have at least a good understanding of core fundamental concepts of HTML, CSS, JS and React to ease the learning process.

</details>

<details>

<summary>How much time will it take to learn Hartan?</summary>

Honestly, we don't know, it depends on your grasping power but remember to clear the mentioned fundamentals (HTML, CSS, JS and React).

</details>
