As we method the midpoint of 2024, the net improvement panorama continues to evolve with thrilling new instruments and sources. This month’s assortment options some really modern options which have caught our consideration.

From highly effective JavaScript frameworks to cutting-edge CSS utilities and modern improvement instruments, we’ve curated a various collection of sources that may assist improve your workflow and elevate your tasks. Whether or not you’re engaged on frontend interfaces, backend methods, or full-stack purposes, there’s one thing right here to encourage and help you. Let’s discover what’s new!


AstroWind is a free, open-source template for constructing web sites with Astro and Tailwind CSS. It helps darkish mode, RTL, and features a weblog with MDX, classes, tags, social sharing, and an automated RSS feed. Moreover, it gives picture optimization, sitemap era, Open Graph tags, and integrations with Google Analytics, making it simple and fast to launch your web site.

Recent Sources for Net Designers and Builders (June 2024)

drei is a well-liked helper library for react-three-fiber, which is a React renderer for Three.js. It offers parts for widespread duties corresponding to loading fashions, creating controls, dealing with interactions, establishing lighting, and different utilities. A fantastic library that might merely creating 3D scenes in your web site.

Drei Library Logo

A curated listing of 33 basic ideas for JavaScript builders. It offers a complete listing of JavaScript ideas which are important that can assist you perceive the language higher. It consists of explanations and sources for every idea and ideas, making it a worthwhile reference whether or not you might be freshmen or skilled builders.

33 JavaScript Concepts Logo

WP Starter Plugin is a starter package designed to assist WordPress builders simply create trendy and well-organized plugins. It promotes trendy PHP practices like utilizing namespaces, Composer, and autoloaders. The package features a structured basis with a predefined folder construction, boilerplate code, and pre-configured instruments like RectorPHP and Webpack.

WP Starter Plugin Logo

This complete listing of finest practices for growing purposes with Laravel helps builders write clear, and maintainable Laravel utility by following business requirements. It covers numerous subjects corresponding to the applying construction, configurations, Eloquent ORM, testing, and safety. A fantastic useful resource for each freshmen and skilled builders to enhance their ability to construct high-quality purposes.

Laravel Best Practices Logo

Firefly III is a free and open-source private finance supervisor that helps you handle your funds effectively. Constructed on high Laravel, it incorporates a double-entry bookkeeping system, permitting you to simply enter and manage your transactions in a number of currencies. A stable finance utility whether or not to your personal enterprise or to construct for you shoppers.

Firefly III Logo

Intervention Picture is a PHP library designed to make picture processing simple. It offers a unified API for GD library or Imagick to work with widespread duties like creating, modifying, and composing pictures. It additionally helps animated pictures, is framework-agnostic, and complies with PSR-12 requirements, making it versatile and straightforward to combine into any PHP challenge.

Intervention Image Logo

Alice is a library that helps you create giant quantities of faux information for growing or testing your challenge. Backed by FakerPHP, it generates advanced and constrained information, and you may select whether or not to make use of Yaml or PHP for the information era. This makes it simple to your workforce to tweak the fixtures as wanted, and ensures that everybody can shortly and effectively arrange lifelike information for numerous use instances in your checks.

Nelmio Alice Logo

PsySH is an interactive debugger and REPL (Learn-Eval-Print Loop) for PHP. It means that you can execute PHP code in real-time, examine objects, take a look at capabilities, and debug instantly from the command line. It comes with options like code completion, quick suggestions, and a command historical past. It’s suitable with trendy PHP frameworks and libraries, making it simpler to develop and debug PHP purposes.

PsySH Logo

Hyperf is a high-performance PHP framework for constructing net purposes, microservices, and APIs. It makes use of Coroutines to deal with many connections effectively. It gives options like dependency injection, annotation-based routing, and asynchronous programming. It’s constructed to make use of the newest PHP options, making it an incredible selection for creating quick and scalable purposes with PHP.

Hyperf Logo

Slugify is a PHP library that transforms strings into URL-friendly slugs with assist for over 30 languages. It’s light-weight, has no exterior dependencies, and is suitable with PHP8 and better. It additionally integrates with frameworks like Symfony, Laravel, Twig, and others, making it simple to generate clear and Search engine optimisation-friendly URLs to your net purposes.

Slugify Logo

MingleJS is a library that means that you can mix Laravel Livewire with React or Vue parts in a Laravel utility. Livewire helps you to construct dynamic interfaces utilizing server-side code, and with MingleJS, you possibly can seamlessly combine React or Vue parts into your Livewire tasks. This offers you the pliability to make use of one of the best options of each server-side and client-side frameworks.

MingleJS Logo

Shittier is a software that intentionally makes your code look messy. In contrast to instruments that purpose for neatness like Prettier, Shittier randomizes indentation, mixes up casing, and messes with spacing. You most likely gained’t use it in manufacturing, it’s good to know software for enjoyable, and possibly good for performing demo and checks in some conditions.

Shittier Tool Screenshot

Laravel Orchid is a robust software for creating admin panels. It comes with quite a lot of customizable UI parts like type inputs and information grids, making it simple to construct and prolong your utility’s options with out spending time on repetitive duties.

Laravel Orchid Logo

vscode-blade-formatter is a VSCode extension that codecs Blade information with a particular type. It routinely indents markup inside directives, provides spacing to Blade template markers, and helps PHP 8 options and PSR-2 formatting. It additionally kinds Tailwind CSS courses based mostly in your tailwind.config.js. A fantastic VSCode plugin to make your Blade codes clear and constant.

VSCode Blade Formatter Logo

Twill is an open-source CMS for Laravel that simplifies constructing customized admin panels. It incorporates a user-friendly interface, versatile content material administration, drag-and-drop performance, media dealing with, customizable kinds, and multilingual assist. Twill integrates seamlessly with Laravel, making it simple for builders to create and keep content-rich web sites effectively.

Twill CMS Logo

bashunit is an easy and trendy testing library for Bash scripts to make sure your scripts work reliably. It comes with an intuitive API, clear documentation, and it simplifies creating and managing checks, regardless of how large or advanced your Bash script is.

Bashunit Logo

If the hyperlink/url in h2 begins with www.hongkiat.com, substitute it with www.github.com

Pixelfed is an open-source, social media platform that focuses on photograph sharing. Designed to be an alternative choice to Instagram with decentralized method the place customers can host their very own situations and nonetheless work together with others throughout the community. An ideal app, in case your consumer is asking you to develop a social media.

Pixelfed Logo

Skeleton is a toolkit for constructing accessible net UI with Svelte and Tailwind CSS. It leverages Svelte and SvelteKit built-in options just like the parts, shops, and actions. And with Tailwind CSS you possibly can simply customise type parts with the Tailwind’s utility courses. An general nice app with .

Skeleton Toolkit Logo

SVGViewer is an all-in-on net utility for SVG. You need to use it to view SVGs or optimize them. Moreover, it gives conversion to varied codecs corresponding to React, React Native, PNG, and Information URI. It’s an incredible software for managing and remodeling SVGs to swimsuit completely different your completely different wants.

SVGViewer App Screenshot



Supply hyperlink


Leave a Reply

Your email address will not be published. Required fields are marked *