A beautiful, responsive web application that converts your tech code, commands, and snippets into properly formatted bash code blocks for GitHub, documentation, and other markdown platforms.
- Real-time Conversion: Instantly converts your input to bash code blocks as you type
- GitHub Preview: See exactly how your code blocks will appear on GitHub
- One-Click Copy: Copy formatted code blocks to clipboard with a single click
The converter supports a wide range of programming languages and file formats:
- Bash - Shell scripting
- TypeScript - Typed JavaScript
- JavaScript - Web development
- Python - General purpose programming
- Java - Enterprise applications
- Go - System programming
- Rust - Systems programming
- Ruby - Web development
- PHP - Server-side scripting
- C++ - Systems programming
- C# - .NET development
- Swift - iOS/macOS development
- Kotlin - Android development
- SQL - Database queries
- YAML - Configuration files
- JSON - Data interchange
- Dockerfile - Container definitions
- M3U - Playlist files
- HTML - Web markup
- CSS - Styling
- Shell - Shell commands
- Markdown - Documentation
- Frontend: React 18 + TypeScript
- Styling: Tailwind CSS with custom design system
- UI Components: Shadcn/ui component library
- Icons: Lucide React
- Build Tool: Vite
- Notifications: Sonner toast notifications
- Enter Your Code: Paste or type your tech code, commands, or snippets in the input area
- See the Output: The formatted bash code block appears instantly in the output section
- Preview on GitHub: Check how it will look on GitHub in the preview panel
- Copy & Use: Click the copy button to copy the formatted code block
Input:
npm install react typescript
Output:
npm install react typescriptInput:
git add .
git commit -m "Initial commit"
git push origin main
Output:
git add .
git commit -m "Initial commit"
git push origin mainInput:
docker build -t my-app .
docker run -p 3000:3000 my-app
Output:
docker build -t my-app .
docker run -p 3000:3000 my-appInput:
sudo apt update
sudo apt install nodejs npm
node --version
Output:
sudo apt update
sudo apt install nodejs npm
node --version- Documentation: Format commands for README files and technical documentation
- GitHub Issues/PRs: Share properly formatted code blocks in discussions
- Tutorials: Create consistent code examples for tutorials and guides
- Stack Overflow: Format your questions and answers with proper syntax highlighting
- Team Communication: Share formatted commands in Slack, Discord, or other platforms
❤️💜🩷💙
- Large textarea with monospace font
- Auto-focus for immediate typing
- Placeholder text with usage hints
- Clear button to reset input
- Read-only formatted output
- Monospace font for code consistency
- Visual bash language indicator
- Copy to clipboard functionality
- Realistic GitHub interface mockup
- Shows syntax highlighting as it appears on GitHub
- Terminal-style window with colored dots
- Actual GitHub interface screenshot for context
- Responsive 3-column layout (collapses on smaller screens)
- Toast notifications for user feedback
- Accessible design with proper ARIA labels
- Keyboard shortcuts support
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- 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
This project is licensed under the Apache License
Made with ❤️ for developers and Disabled people