V-Grid

The Data Grid for the Modern Web.

V-Grid is a high-performance, headless data grid template built for React and Next.js. It combines the power of TanStack Table with the styling flexibility of Tailwind CSS.

✨ Features

• Virtual Scrolling: Render thousands of rows with 60fps performance.
• Headless Architecture: You own the UI. No impossible-to-override styles.
• Keyboard Navigation: Navigate cells and rows using arrow keys, just like a spreadsheet.
• Rich Data Operations: Sorting, filtering, pagination, and row selection out of the box.
• TypeScript: Fully typed codebase for a superior developer experience.
• Modern Stack: Built with Next.js 14, Tailwind CSS, and shadcn/ui.

🚀 Getting Started

1. Clone with v0

The fastest way to start is using the v0 template: https://v0.app/templates/v-grid-fRhs5MEIcJT

2. Local Development

```bash

Install dependencies

npm install

Run the development server

npm run dev ```

Open http://localhost:3000 with your browser to see the result.

📖 Documentation

Visit our documentation page for detailed guides on:

• Defining columns
• Customizing cell renderers
• Connecting to APIs
• Theming and styling

🛠️ Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• Table Logic: TanStack Table
• Icons: Lucide React
• UI Components: shadcn/ui

📄 License

MIT