> 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?

Build Faster, Together: Why MagicJS is Your Future-Proof Framework

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="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FuD6sLi36t7I8HHr8Y15K%2F1.%20Create%20%26%20Mount%20a%20Page%20in%20MERN.AI.png?alt=media&amp;token=865aa53a-2043-4dd9-8a68-d8b74a92fa5a">1. Create &amp; Mount a Page in MERN.AI.png</a></td><td><a href="/magicjs/basic-guide/create-a-new-page-using-react.md">Create a new page using React</a></td></tr><tr><td><strong>Navigate between pages in your project!</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FFbehucRrqt8rXXZ3AUAc%2F2.%20Navigate%20Between%20Pages%20in%20MERN.AI.png?alt=media&amp;token=6a1078a8-2300-48df-98e7-af29b38eed9f">2. Navigate Between Pages in MERN.AI.png</a></td><td><a href="/magicjs/basic-guide/navigate-between-pages.md">Navigate between pages</a></td></tr><tr><td><strong>Create and integrate an API in your project!</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FaZXP9IbDKptsjm99VUNb%2F3.%20Create%20and%20Integrate%20API%20in%20MERN.AI.png?alt=media&amp;token=e77489c6-fb40-4606-829e-0202e5007dc0">3. Create and Integrate API in MERN.AI.png</a></td><td><a href="/magicjs/basic-guide/create-an-api-and-integrate-it-with-the-frontend.md">Create an API and integrate it with the frontend</a></td></tr><tr><td><strong>Authenticate users.</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FFHYlACCE5jabaM0sPh3U%2F4.%20Add%20User%20Authentication%20to%20your%20project%20in%20MERN.AI%20-%20MagicJS%20Fundamentals.png?alt=media&amp;token=373d4bf4-89f3-49c6-909f-3efd4b237b38">4. Add User Authentication to your project in MERN.AI - MagicJS Fundamentals.png</a></td><td><a href="/magicjs/basic-guide/authenticate-users.md">Authenticate Users</a></td></tr><tr><td><strong>Authorise the users based on roles.</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FDgHaGXrrYCe9IYrJBD3h%2F5.%20User%20Roles%20and%20Authorisation%20in%20MERN.AI%20-%20MagicJS%20Fundamentals.png?alt=media&amp;token=f7f871a6-231b-4188-959c-37c8eeb92e92">5. User Roles and Authorisation in MERN.AI - MagicJS Fundamentals.png</a></td><td><a href="/magicjs/basic-guide/authenticate-users/authorise-based-on-roles.md">Authorise based on Roles</a></td></tr><tr><td><strong>Manage advanced states using useContent()</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FCN4jzWc2Ep2fLrliPgHX%2F6.%20Advanced%20State%20Management%20using%20useContent()%20in%20MERN.AI%20-%20MagicJS%20Fundamentals.png?alt=media&amp;token=650fa26f-bedb-4ca5-95bc-0d8811d785a3">6. Advanced State Management using useContent() in MERN.AI - MagicJS Fundamentals.png</a></td><td><a href="/magicjs/basic-guide/advanced-state-management-with-usecontent.md">Advanced State Management with useContent()</a></td></tr><tr><td><strong>Create/read/update or delete data in your project!</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FDT5P89SCzyqyxzoxb8Jo%2F7.%20Perform%20CRUD%20operations%20in%20MERN.AI%20-%20MagicJS%20Fundamentals.png?alt=media&amp;token=082ff348-dd19-42ce-8008-b4814fbd1b93">7. Perform CRUD operations in MERN.AI - MagicJS Fundamentals.png</a></td><td><a href="/magicjs/basic-guide/perform-crud-operations.md">Perform CRUD Operations</a></td></tr><tr><td><strong>Add Realtime capabilities like chat to your project!</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FphS0r1K4r9dIGyvj9BUN%2F8.%20Add%20Realtime%20Capabilities%20in%20MERN.AI%20-%20MagicJS%20Fundamentals.png?alt=media&amp;token=fae70455-a251-4629-8edc-654c8bd83b1f">8. Add Realtime Capabilities in MERN.AI - MagicJS Fundamentals.png</a></td><td><a href="/magicjs/basic-guide/adding-realtime-capabilities-using-socket.md">Adding Realtime capabilities using socket</a></td></tr><tr><td><strong>Handle file uploads and downloads using MagicJS!</strong></td><td></td><td></td><td><a href="https://629398272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrhfVeNvXQhNiRfJxJ9pq%2Fuploads%2FKS6FkViTMABsVQSZudci%2F9.%20Upload%20and%20Read%20a%20File%20in%20MERN.AI%20-%20MagicJS%20Fundamentals.png?alt=media&amp;token=e9cc7975-6196-4cfc-9e52-ea771a6cf43e">9. Upload and Read a File in MERN.AI - MagicJS Fundamentals.png</a></td><td><a href="/magicjs/basic-guide/handling-file-uploads-and-downloads.md">Handling file uploads and downloads</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)