DEV Community

CodeWithCaen
CodeWithCaen

Posted on • Originally published at windowlight.desilva.se

Exciting New Features in Windowlight's August Update!

Windowlight's August Update: Leveling Up Your Code Screenshot Experience

I'm thrilled to announce the August update for Windowlight! This release brings a host of new features and improvements, further enhancing your code screenshot generation experience.

What is Windowlight?

Windowlight is a Laravel-based code screenshot generator that uses Torchlight for incredible syntax highlighting. Oh, and it's 100% free and even open source! Try it out at https://windowlight.desilva.se!

What's New in Windowlight?

1. Smart Code Indentation

One of the standout features in this update is the new smart code indentation functionality. Now, you can easily format your code directly in the Windowlight UI:

  • Use Tab to indent selected code blocks
  • Use Shift + Tab to deindent selected code blocks

This feature allows for quick and easy code formatting, ensuring your screenshots always look polished and professional. Perfect for when you paste in an indented function or snippet that you want to align with the window.

2. Enhanced Color Picker with Presets

We've revamped our color picker to make it even more user-friendly with quick-select color presets where you choose from a range of predefined background colors with a single click. Try hovering on this interactive display!

This update streamlines the process of customizing your code screenshots, allowing you to create visually striking images in seconds. Just open the new color preset menu preset menu icon
and choose from a variety of beautiful color options.

3. Preset Padding Sizes

We've added preset padding sizes to give you more control over the look of your code screenshots:

  • None: No padding for a clean, minimalistic look
  • Small: Compact padding for tighter code windows
  • Medium (default): Balanced padding for most use cases
  • Large: Generous padding for a spacious feel
  • Extra Large: Maximum padding for a bold, standout appearance

Choose the padding size that best suits your needs and aesthetics. We're also working on automatically adjusting the padding based on the dimensions of the generated code screenshot. Stay tuned for updates!

Why These Updates Matter

These new features are designed to make Windowlight even more powerful and user-friendly:

  • Improved Workflow: Format your code on the fly, without needing to switch between Windowlight and your code editor.
  • Greater Flexibility: The new color presets option open up more creative possibilities for your code screenshots.
  • Enhanced Customization: Choose the padding size that best fits your content, ensuring your code is presented exactly as you want it.

The Windowlight Advantage

Remember, Windowlight still offers all the great features you know and love:

  • Top-tier syntax highlighting powered by Torchlight
  • Customizable code windows with file labels
  • High-quality PNG output with ultra-high resolution support
  • Flexible background options, including transparency
  • Annotations, highlights, and even Git diff support
  • 100% browser-based and free to use
  • Open Source project

Ready to Explore the New Features?

Head over to windowlight.desilva.se and start creating even more beautiful, well-formatted code screenshots with our latest updates!

I'm always working to improve Windowlight and would love to hear your feedback. Happy coding, and happy screenshotting!

Top comments (0)