A sophisticated web-based code formatter for clean, consistent code across multiple programming languages.
Kosmos Code Formatter is a powerful, web-based tool designed to help developers format their code with ease. Supporting a wide range of programming languages, it provides instant formatting with a simple, intuitive interface. Whether you're working with Python, JavaScript, TypeScript, Go, Rust, or any of the other supported languages, Kosmos Code Formatter ensures your code follows consistent style conventions.
- Multi-language Support: Format code in 24 programming languages including Python, JavaScript, TypeScript, Rust, Go, and more
- Real-time Formatting: Instantly see formatted code as you type or paste
- Copy to Clipboard: One-click copy functionality for the formatted code
- Responsive Design: Fully responsive interface that works on desktop and mobile devices
- Dark/Light Mode: Toggle between dark and light themes for comfortable viewing
- GitHub Integration: Direct GitHub issue reporting for bugs or feature requests
- Language Detection: Automatic language detection for pasted code (coming soon)
- Format Selection: Format only selected parts of your code (coming soon)
- Frontend Framework: Next.js
- Programming Language: TypeScript
- Styling: Tailwind CSS
- Components: shadcn/ui
- State Management: React Context API
- Deployment: Vercel
To run Kosmos Code Formatter locally:
# Clone the repository
git clone https://github.com/Takk8IS/KosmosFormatter.git
# Navigate to the project directory
cd Kosmos Code Formatter
# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# Start the development server
npm run dev
# or
yarn dev
# or
pnpm devThen open http://localhost:3000 in your browser to see the application.
- Select a programming language from the dropdown menu
- Paste or type your code in the input area
- Your formatted code will appear in the output area
- Click the "Copy" button to copy the formatted code to your clipboard
- Use the formatted code in your project
Kosmos Code Formatter/
├── app/ # Main application code
│ ├── formatters/ # Language-specific formatters
│ │ ├── index.ts # Exports all formatters
│ │ ├── python.ts # Python formatter
│ │ ├── javascript.ts # JavaScript formatter
│ │ └── ... # Other language formatters
│ ├── layout.tsx # App layout component
│ └── page.tsx # Main page component
├── components/ # Reusable UI components
│ ├── ui/ # Base UI components
│ └── theme-provider.tsx # Theme management
├── public/ # Static assets
├── styles/ # Global styles
├── types/ # TypeScript type definitions
├── lib/ # Utility functions
├── package.json # Project dependencies
└── tsconfig.json # TypeScript configuration
This project is licensed under the CC-BY-4.0 Licence. See the LICENSE file for more details.
Contributions are welcome! Feel free to open issues or submit pull requests.
- Fork the repository.
- Create your feature branch (
git checkout -b feature/AmazingFeature). - Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
If this project has been helpful, consider making a donation:
USDT (TRC-20): TP6zpvjt2ZNGfWKPevfp65ZrcbKMWSQXDi
Your support helps us continue to develop innovative tools.
To contribute to public and social projects focused on research and artificial intelligence, feel free to support with any amount you prefer.
- Author: David C Cavalcante
- LinkedIn: David C Cavalcante
- Medium: David C Cavalcante
- Positive results, rapid innovation
- Leading the Digital Revolution as the Pioneering 100% Artificial Intelligence Team
- URL: Takk
- Twitter: Takk
- Medium: Takk