> For the complete documentation index, see [llms.txt](https://skyslit.gitbook.io/magicjs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://skyslit.gitbook.io/magicjs/why-magicjs.md).

# Why MagicJS?

MagicJS isn't just another JavaScript framework; it's a revolution in developer productivity. Here's why you'll love building with MagicJS:

## **Modular Magic**

Forget complex integrations. Magic Features are self-contained packages with all their dependencies bundled in. Simply drop one in and start building. Imagine creating a login feature once and effortlessly reusing it across projects!

## **Supercharged Speed**

Modularity meets efficiency. Stop wasting time reinventing the wheel. Focus on innovation and iterate faster with Magic Features.

## **Newbie-Friendly, Pro-Powered**

Whether you're a coding rookie or a seasoned veteran, MagicJS caters to all skill levels. Its intuitive design and clean syntax make it easy to learn and a joy to master.

## **Security Built-In**

Peace of mind comes standard. MagicJS prioritizes security with regular updates and a focus on best practices. Focus on your app, not vulnerabilities.

## **Thriving Community**

Get the support you need! The friendly MagicJS community on [Discord](https://discord.gg/XU7a9b9qr4) and [GitHub](https://github.com/skyslit/magicjs.dev/discussions) is always ready to answer your questions and help you grow.

## **Open Source & Free**

Empowerment through open-source! MagicJS is free to use and modify under the permissive Apache 2.0 license.

***

### Learn how easy it is to:

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Create and mount a page in your project!</strong></td><td></td><td></td><td><a href="/files/7PdFyQWQ2qgwl5RI8qts">/files/7PdFyQWQ2qgwl5RI8qts</a></td><td><a href="/pages/cmAmh7uwMm5hdEBs95t5">/pages/cmAmh7uwMm5hdEBs95t5</a></td></tr><tr><td><strong>Navigate between pages in your project!</strong></td><td></td><td></td><td><a href="/files/lxKDVsbmKIKuWhJhnAVP">/files/lxKDVsbmKIKuWhJhnAVP</a></td><td><a href="/pages/hWKfz2vAYYn20XQloMvu">/pages/hWKfz2vAYYn20XQloMvu</a></td></tr><tr><td><strong>Create and integrate an API in your project!</strong></td><td></td><td></td><td><a href="/files/xo0YpP89TSOxp95iRu7j">/files/xo0YpP89TSOxp95iRu7j</a></td><td><a href="/pages/ghTRfw2Say74E8Swm2hl">/pages/ghTRfw2Say74E8Swm2hl</a></td></tr><tr><td><strong>Authenticate users.</strong></td><td></td><td></td><td><a href="/files/KeGTbfz9YYVml0HP4sMh">/files/KeGTbfz9YYVml0HP4sMh</a></td><td><a href="/pages/K2AHQx5VyktL3yiLAoHG">/pages/K2AHQx5VyktL3yiLAoHG</a></td></tr><tr><td><strong>Authorise the users based on roles.</strong></td><td></td><td></td><td><a href="/files/5MkKK0odtUxKdrTDhtgO">/files/5MkKK0odtUxKdrTDhtgO</a></td><td><a href="/pages/MeFazqBqXLZYqyJ2QWxf">/pages/MeFazqBqXLZYqyJ2QWxf</a></td></tr><tr><td><strong>Manage advanced states using useContent()</strong></td><td></td><td></td><td><a href="/files/vfMBHeqI7vC5Vo5mUlKU">/files/vfMBHeqI7vC5Vo5mUlKU</a></td><td><a href="/pages/vyihPftz9GSW5BHPwLog">/pages/vyihPftz9GSW5BHPwLog</a></td></tr><tr><td><strong>Create/read/update or delete data in your project!</strong></td><td></td><td></td><td><a href="/files/XRUkf1MIl73XZWSbSLn3">/files/XRUkf1MIl73XZWSbSLn3</a></td><td><a href="/pages/AcMNsjqgqN9tugfavB6c">/pages/AcMNsjqgqN9tugfavB6c</a></td></tr><tr><td><strong>Add Realtime capabilities like chat to your project!</strong></td><td></td><td></td><td><a href="/files/nQM4Xymflekkjv9urabp">/files/nQM4Xymflekkjv9urabp</a></td><td><a href="/pages/Ap0ylI3ecIJgheVPLxgK">/pages/Ap0ylI3ecIJgheVPLxgK</a></td></tr><tr><td><strong>Handle file uploads and downloads using MagicJS!</strong></td><td></td><td></td><td><a href="/files/pDlrm3E5f96eHpRhGuMI">/files/pDlrm3E5f96eHpRhGuMI</a></td><td><a href="/pages/fYMtUn6pPF8kDTCdTnhQ">/pages/fYMtUn6pPF8kDTCdTnhQ</a></td></tr></tbody></table>

> **MagicJS isn't just a framework; it's a community. Join the movement and build the future of web development, together!**

## **Need Expert Assistance? Look No Further!**

Our **Professional Services** team can help you:

* Customize your app beyond the templates.
* Add unique features tailored to your needs.
* Deliver faster without compromising quality.

[**Click here to learn more!**](https://blog.mern.ai/professional-services)