Jex is a collection of high-performance, premium tools designed for frontend developers to speed up their workflow and add stunning visual elements to their projects with minimal effort.
- Mesh Gradient Generator: Create beautiful, flowing mesh gradients with customizable control points and export them directly to CSS.
- Dot Art Generator: Transform any image into a stylish SVG dot matrix pattern, perfect for data visualization or decorative backgrounds.
- Bento Grid Generator: Design responsive Bento-style layouts with an interactive editor and export the code in Tailwind CSS or Vanilla CSS.
- Animated Backgrounds: A curated collection of high-performance, CSS-only animated backgrounds ready to copy and paste.
- CSS Patterns: A library of modern, drop-in CSS background snippets and layout patterns.
- Node.js (Latest LTS recommended)
- npm / pnpm / yarn
- Clone the repository:
git clone https://github.com/yourusername/jex.git
- Install dependencies:
npm install
- Start the development server:
npm run dev
To create an optimized production build:
npm run build- Framework: Astro
- Styling: Tailwind CSS
- State Management: Vanilla JavaScript
- Fonts: Inter (Google Fonts)
This project is licensed under the MIT License - see the LICENSE file for details.
Built for the community of developers who love clean, efficient, and beautiful UI.