This is the official website for CSVToolkit, built with Astro and Tailwind CSS. The website showcases our high-performance CSV processing tools and provides comprehensive documentation.
CSVToolkit is a suite of high-performance CSV processing tools designed for developers and companies who need speed, reliability, and cost savings at scale. Our tools provide 3.6-4.8x faster performance compared to native PHP CSV functions.
- 🧩 FastCSV-ext: High-performance PHP extension for CSV processing
- ⚙️ FastCSV-C: Blazing-fast, dependency-free C library for CSV parsing
- 🛠️ PHP-CSVHelper: Modern PHP library with unified API and automatic performance boost
- 🎨 Modern and responsive design with dark mode support
- 📚 Comprehensive documentation for all projects
- 🔍 Full-text search functionality
- ⚡ Fast loading with optimized assets
- 📱 Mobile-friendly responsive design
- 🌐 SEO optimized with structured data
- Framework: Astro - Static site generator
- Styling: Tailwind CSS - Utility-first CSS framework
- Search: Pagefind - Static search engine
- Deployment: Optimized for static hosting
- Node.js 18 or later
- npm or yarn
-
Clone the repository:
git clone https://github.com/csvtoolkit/website.git cd website -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:4321 in your browser.
src/
├── components/ # Reusable UI components
├── content/ # Documentation content (MDX)
│ └── docs/ # Project documentation
├── data/ # Static data (projects.json)
├── layouts/ # Page layouts
└── pages/ # Route components
public/
├── assets/ # Optimized CSS/JS files
├── favicon.svg # Site favicon
└── _headers # Netlify headers
Documentation is written in Markdown and stored in src/content/docs/:
---
title: "Page Title"
description: "Page description"
---
# Your content hereProject data is managed in src/data/projects.json:
{
"name": "Project Name",
"slug": "project-slug",
"description": "Project description",
"features": ["Feature 1", "Feature 2"]
}| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run buildThe built site will be in the dist/ directory, optimized for production deployment.
The site uses Tailwind CSS with custom configurations in tailwind.config.mjs. The design system includes:
- Custom color palette for CSVToolkit branding
- Responsive typography scales
- Dark mode support
- Custom animations and transitions
Reusable components are located in src/components/ and follow a consistent design pattern.
The website includes full-text search powered by Pagefind, automatically indexing all documentation content during the build process.
- Lighthouse Score: 95+ across all metrics
- First Contentful Paint: < 1.5s
- Largest Contentful Paint: < 2.5s
- Cumulative Layout Shift: < 0.1
We welcome contributions! Please follow these steps:
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Follow the existing code style and conventions
- Test your changes locally before submitting
- Update documentation when adding new features
- Ensure responsive design works on all screen sizes
This project is licensed under the MIT License - see the LICENSE file for details.
- Website: https://csvtoolkit.org
- GitHub Organization: https://github.com/csvtoolkit
- Documentation: https://csvtoolkit.org/docs
- Built with Astro for excellent performance
- Styled with Tailwind CSS for rapid development
- Search powered by Pagefind for static search
- Icons and design inspiration from the open source community