English | 简体中文
A modern collection of development tools built with Next.js and NextUI, designed to enhance developer productivity.
- Multiple color format conversions (RGB, HSL, CMYK)
- Professional color picker interface
- Preset color palettes
- Automatic color history tracking
- One-click color code copying
- Smart JSON formatting and compression
- Real-time syntax error detection
- Professional code syntax highlighting
- Easy copy and share functionality
- Quick text to QR code conversion
- Customizable colors and styles
- Multiple export formats (PNG/SVG)
- Real-time preview
- Convert between timestamps and date formats
- Support for millisecond/second level timestamps
- Multiple date formatting options
- Time calculation and timezone conversion
- One-click copy of conversion results
- Framework: Next.js 15 - The React Framework
- UI Components: NextUI v2 - Modern UI Component Library
- Editor: Monaco Editor - VS Code's Editor
- QR Code: QRCode.react - React QR Code Generator
- Styling: Tailwind CSS - Utility-first CSS Framework
- Clone the repository
git clone [email protected]:mant7s/dev-tools.git
cd dev-tools
- Install dependencies
pnpm install # recommended
# or
npm install
# or
yarn install
- Start the development server
pnpm dev # recommended
# or
npm run dev
# or
yarn dev
- Open http://localhost:3000 in your browser
- Build the project
pnpm build
# or
npm run build
# or
yarn build
- Start production server
pnpm start
# or
npm run start
# or
yarn start
Deploy the example using Vercel:
Or deploy it manually:
- Fork this repository to your GitHub account
- Import the project on Vercel
- Wait for automatic deployment to complete
We welcome Pull Requests! Before submitting a PR, please ensure:
- Your code is formatted and linted
- All tests pass
- Documentation is updated for any new features
This project is licensed under the MIT License - see the LICENSE file for details.