---
type: explanation
title: Introduction
metaTitle: JavaScript Data Grid - Documentation | Handsontable
description: An overview of Handsontable's developer documentation. Handsontable is a client-side, spreadsheet-like data grid for editing data in web applications.
permalink: /
canonicalUrl: /
react:
  metaTitle: React Data Grid - Documentation | Handsontable
angular:
  metaTitle: Angular Data Grid - Documentation | Handsontable
vue:
  metaTitle: Vue Data Grid - Documentation | Handsontable
searchCategory: Guides
category: Getting started
---
Handsontable is a JavaScript data grid component. This page explains what it does, who uses it, and when it is the right tool for your project.

[[toc]]

## Getting started 🚀

Use Handsontable with plain JavaScript, TypeScript, or your favorite framework. This guide will walk you through the basics, from installation to creating your first data grid.

<div class="boxes-list gray">

- <i class="ico i-react"></i>
[React](@/react/guides/getting-started/installation/installation.md)
- <i class="ico i-javascript"></i>
[JavaScript](@/javascript/guides/getting-started/installation/installation.md)
- <i class="ico i-angular"></i>
[Angular](@/angular/guides/getting-started/installation/installation.md)
- <i class="ico i-vue"></i>
[Vue 3](@/vue/guides/getting-started/installation/installation.md)

</div>

## Examples

<div class="boxes-list gray">

- [Angular](https://handsontable.com/codesandbox-vm?example-dir=angular&handsontable-version={{$currentVersion}})
- [Vanilla JS](https://handsontable.com/codesandbox-vm?example-dir=javascript&handsontable-version={{$currentVersion}})
- [React TS](https://handsontable.com/codesandbox-vm?example-dir=react&handsontable-version={{$currentVersion}})
- [React JS](https://handsontable.com/codesandbox-vm?example-dir=react-js&handsontable-version={{$currentVersion}})
- [TypeScript](https://handsontable.com/codesandbox-vm?example-dir=typescript&handsontable-version={{$currentVersion}})
- [Vue 3](https://handsontable.com/codesandbox-vm?example-dir=vue&handsontable-version={{$currentVersion}})

</div>

Examples with SSR (Server Side Rendering):

<div class="boxes-list gray">

- [Next.js](https://handsontable.com/codesandbox-vm?example-dir=next.js&handsontable-version={{$currentVersion}})
- [Astro](https://handsontable.com/codesandbox-vm?example-dir=astro&handsontable-version={{$currentVersion}})
- [Remix](https://handsontable.com/codesandbox-vm?example-dir=remix&handsontable-version={{$currentVersion}})
- [Nuxt](https://handsontable.com/codesandbox-vm?example-dir=nuxt&handsontable-version={{$currentVersion}})

</div>

## What can I use Handsontable for?

Think of Handsontable as an extensible framework that empowers you to quickly build tabular, data-oriented user interfaces tailored to your specific needs. With Handsontable, developers can efficiently tackle real-life problems by leveraging its flexibility and customization options.

Examples include:

- In an internal financial application, an editable Handsontable-based grid simplifies importing hand-picked data from Excel and Google Sheets.
- In a construction company's software, an interactive data table built with Handsontable helps users modify codes and standards tables.
- At a hospital, Handsontable helps track and manage supplies.
- A mobile game company uses Handsontable to streamline certain aspects of development.
- In project management software, Handsontable allows for managers to collect weekly feedback from the team and customers.

Discover more about how Handsontable is used in different industries by visiting our [Successful Customers](https://handsontable.com/customers/) page.

## Types of software

Handsontable's built-in features make it a perfect fit for applications across different types of software.

- Feature-rich spreadsheet software
- Inventory management systems
- Data modeling applications
- Resource planning software (ERP)
- Construction of digital platforms
- Commission automation tools
- Knowledge management systems
- Reporting platforms
- Data management systems

## Join our Community 🙌

You are welcome to join our GitHub community. Discuss new releases, propose features, and report bugs on:

<div class="boxes-list">

- [Developers' forum](https://forum.handsontable.com/)

</div>

## Technical support

Implementing Handsontable requires a certain level of front-end development skills. If you need help and your support plan is active, contact our [technical support](https://handsontable.com/contact?category=technical_support) or [report an issue on GitHub](https://github.com/handsontable/handsontable/issues/new/choose)

## Stay in the loop

<div class="boxes-list">

- [Changelog](@/guides/upgrade-and-migration/changelog-17/changelog-17.md)
- [Blog](https://handsontable.com/blog)
- [X](https://x.com/handsontable)
- [LinkedIn](https://linkedin.com/company/handsontable)

</div>

## Related

- [Installation](@/guides/getting-started/installation/installation.md) -- add Handsontable to your project using a package manager or CDN.
- [Demo](@/guides/getting-started/demo/demo.md) -- try out the grid's core features interactively before you build.
