SyntaxShot is a beautiful, feature-rich tool for creating stunning code snippets and browser mockups. It transforms your code and screenshots into shareable, professional-grade images with a highly customizable studio interface.
- Modern Sidebar Layout: A clean, collapsible left sidebar gives you quick access to all controls.
- Responsive Design: Fully responsive UI that works seamlessly on desktop and mobile.
- Dark/Light Mode: The entire application supports beautiful dark and light themes.
- Realistic macOS Frame: Showcase your web projects in a pixel-perfect macOS Safari browser window.
- Editable Address Bar: Type any URL you want to display in the address bar.
- Security Indicator: Toggle-able "Secure" lock icon style.
- Independent Window Theme: Switch the browser window between Light and Dark modes properly, independent of your app's theme.
- Syntax Highlighting: Support for multiple languages with accurate highlighting.
- Beautiful Themes: Choose from popular themes like Atom One Dark, Dracula, GitHub Dark, and more.
- Custom Fonts: Use developer-favorite fonts like JetBrains Mono, Fira Code, and Geist Mono.
- Backgrounds: toggle between solid colors, gradients, or transparent backgrounds.
- Window Controls: Choose between macOS (Traffic Lights), Windows, or None.
- Adjustable Padding: Control the spacing around your content.
- Shadows & Roundness: Fine-tune the drop shadow and corner radius.
- Framework: Next.js 15 (App Router)
- UI Library: React 19
- Styling: Tailwind CSS
- Icons: Lucide React
- State Management: Zustand
git add . git commit -m "fix: update next.js to 16.1.1 and remove deprecated eslint config" git push