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 here
Project 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 build
The 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