> ## Documentation Index
> Fetch the complete documentation index at: https://developer.dromo.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to Dromo

Dromo is an easy and intuitive spreadsheet importer that integrates seamlessly with your product. Dromo helps your users match columns, correct errors, perform complex validations, transform values, and upload perfectly formatted data.

<Card horizontal title="🚀 Try Our Live Demo" icon="play" href="https://demo.dromo.io">
  Experience Dromo with realistic data and see how easy data importing can be
</Card>

## Quick Start

Get up and running with Dromo in minutes. Choose the integration that works best for your stack:

<CardGroup cols={2}>
  <Card title="JavaScript SDK" icon="js" href="/getting-started/javascript">
    Universal JavaScript implementation for any web application
  </Card>

  <Card title="React Component" icon="react" href="/getting-started/react">
    Pre-built React component with TypeScript support
  </Card>

  <Card title="Angular Component" icon="angular" href="/getting-started/angular">
    Native Angular implementation with full type safety
  </Card>

  <Card title="Schema Builder" icon="wrench" href="/guides/schema-builder">
    No-code schema creation in the Dromo Dashboard
  </Card>
</CardGroup>

## See Dromo in Action

<iframe src="https://drive.google.com/file/d/1dv39s4HZ88U9uI7PVARHet4T9z6qjf_1/preview" width="640" height="480" allow="autoplay" />

## How Dromo Works

<Steps>
  <Step title="Define Your Schema">
    Specify the fields you want to import using our [Schema Builder](/guides/schema-builder) or define them programmatically with our SDKs.
  </Step>

  <Step title="Add Validations">
    Configure [validation rules](/fields) and [transformation hooks](/reference/hooks) to ensure data quality and provide real-time feedback.
  </Step>

  <Step title="Handle Results">
    Receive clean, validated JSON data that's ready to use in your application or database.
  </Step>

  <Step title="Customize Experience">
    Brand the importer to match your application with custom styling and user experience settings.
  </Step>
</Steps>

## Next Steps

<CardGroup cols={2}>
  <Card title="Interactive Sandbox" icon="laptop-code" href="https://codesandbox.io/s/ux-demo-react-yez5e2">
    Explore a fully customized Dromo implementation
  </Card>

  <Card title="Get Help" icon="life-ring" href="mailto:support@dromo.io">
    Our team is here to help you succeed
  </Card>
</CardGroup>

<Note>
  **Questions?** Chat with us anytime using the chat bubble, or email us at [support@dromo.io](mailto:support@dromo.io).
</Note>