As designers or developers, we are continually looking for all of those design resources, tools and apps that can help make our life easier and increase our productivity & creativity.

So today I’m showcasing all of what’s new for designers and developers for June 2021, below I’ve added some newly released and updated resources from JavaScript scripts, jQuery plugins to a few apps, tools for web development including a range of themes and plugins for WordPress and to fonts, icons etc.

If you think I’ve missed something that you think should of been on the list, let me know in the comments or if you know of a new a that should be featured on the July 2021 roundup, please either tweet it to me @SomeWhatCrtv or even use the Submit Resource form and your resource could be seen on next month list.

Handy.js

Handy.js

Handy makes defining and recognizing custom hand poses in WebXR a snap!

WinBox.js

Winbox

WinBox is a modern HTML5 window manager for the web. Lightweight, outstanding performance, no dependencies, fully customizable, free and open source!

lightGallery

Lightgallery

A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.

Supreme – Mac App

Supreme

Supreme for Mac is a simple personal planner which gives you a to do list for every day. If you forget to do something, the task gets automatically pushed to the next day until you check it off.

The simplicity and intuitiveness of Supreme is designed to be habit forming, and version 2.0 further pushes that ethos with no frills, focusing on boosting your productivity and getting out of the way.

Price: Free

Tint – Mac App

Tint A Better Color Picker

Tint is a color tool designed to ease your work and boost your productivity.

Price: Free

Nucleo 3 – Mac & Windows App

Nucleo

Nucleo is a free icon manager for Mac and Windows. Use it to import, organize, and export all your icons. Optionally, you can purchase the Nucleo icons, a library of 30K icons that work seamlessly with the app.

Price: Free

WriteMapper 3 – Mac & Windows App

Writemapper 3

WriteMapper 3 is a writing app on macOS and Windows that’ll help you get from idea to final draft in no time, using mind maps.

Price: From $49.95 for Solo to $159.95 for licenses for 5 Computers

Mabel – Android & iOS App

Mabel

Mabel is the only inbox you’ll ever need for design and frontend news, curated by real people. Learn from the very best from the community and stay up to date in a delightful way.

Enjoy reading high-quality articles without the hassle of subscribing to multiple newsletters, aggregators and other sources. There is a Pro subscription models which gives you the abilities to search the archive, enable dark mode and bookmark links.

Price: Free & Pro Options at either .99c per month or $9.99 yearly

Invoice Maker – iOS App

Invoice Maker

InvoiceMaker the ultimate invoice maker: Send simple invoices using professional templates, invoice generator, PDF invoices and quotes, online payments, bill organizer, receipt and expense tracking — all rolled up into one easy-to-use app.

Price: Free

CupBuddy – iOS App

Cup Buddy

CupBuddy is an easy-to-use app that helps you properly understand how much caffeine you intake and reduce it to an acceptable level. Track every cup and get metabolism forecast and caffeine washout notifications. Drink responsibly!

Price: Free

SiteSentry – Web App

Site Sentry

SiteSentry monitors your web site for common problems that your testing my not pick up.  With this app it’s check your site to make sure requests get redirected to the secure (HTTPS version, that search engines aren’t blocked and that there are no broken links.

Also it check when your domain name registrations and SSL certificates are due to expire and also let you know before it happens so you have time to renew them. Visit Site Tweet Like

Price: Free to $60.00 per month

Moyo – Web App

Moyo

Moyo allows you to create UX research projects; design testing scripts; schedule testing sessions; gather and collate participant feedback and create a report of your findings.

Price: $29.00 per month

Mirotalk – Web App

Mirotalk

Simple, Secure, and Fast. Mirotalk allow you to do video calls, chat, screen sharing and many more. Powered by WebRTC entirely browser based. Start your next video call with a single click. No download, plug-in or login required.

Price: Free

Test Uptime – Web App

Test Uptime

Free Website/Server Uptime Monitoring & Status Pages. Easy & reliable uptime and performance monitoring solution, with highly customizable and white-label status pages. A Free forever product.

Price: Free

Squarl – Web App

Squarl

Stop the information overload in Microsoft Teams and regain control. Squarl is a tool that brings all that matters to you into one place. No need to think about where you put the data. When you put it in Squarl, you will find it back quickly.

Price: Free

Vanilla Extract

Vanilla Extract.style

Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.

Windi CSS

Windi Css

If you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2.0 and with a bunch of additional cool features.

Codefile

Codefile

Codefile is a web app to share code in real time with other developers. It allows you to create collaborative code files for your technical interviews, pair programming, teaching, etc.

Helsinki Design System

Helsinki Design System

The open-source design system for digital products and experiences with the City of Helsinki Design Language at its heart. The Helsinki Design System is focused on usability and accessibility and aims to improve the quality and consistency of City of Helsinki digital services – making the user experience better for everyone.

Harold

Harold.js

With Harold, it is much simpler and quicker to create your static sites! Blogs, landing pages, portfolios, documentation sites – start with ready-to-use templates.

DevHuntr

Dev Huntr

Devhuntr is a search engine for developers. You can Search for StackOverflow questions, github Issues, Pull requests, repository, npm Package, jetpack library, and docs of more than 25+ programming languages, tools, library and frameworks.

Daisy UI

Daisyui

Daisy UI is a bunch of Tailwind CSS Components.

Ready UI

Ready Ui

200+ UI blocks for Developers, Agencies, Startups, Marketers, & Designers to create beautiful websites. Production-ready bootstrap code with well-organized figma files to design and develop your next websites faster.

Fig

Fig

Fig adds VSCode-style autocomplete to your existing terminal.

Touca

Touca

Touca helps you compare different versions of your software workflows and identify differences in behavior and performance. Test your most complex software components with any number of real-world inputs to find the true impact of your daily code changes.

iSimulator

Isimulator

iSimulator is a GUI utility to control the Simulator, and manage the app installed on the simulator.

GitLive

Git Live

Extend your IDE with the real-time features remote development teams need to work together effectively. See what your teammates are working on and get notified of merge conflicts before you commit. Make video calls and code together live, VS Code to JetBrains.

Mentor for Figma

Mentor

This plugin offers a comprehensive library of design thinking methodologies, allows you to set up your design file, prepare for a design review with slide templates, and gives you an insight into the meeting structure of a genuine product design team.

htBuild

Htbuild

htBuild allows you to use components & variables right in your HTML, no need to write any javascript just use htBuild, the NextGen HTML!

SlideMark

Slidemark

SlideMark is a presentation tool that helps you to create beautiful presentations with Markdown. You can start by writing Markdown and then enhance your slides with our more advanced features, like CSS-based themes, link previews, charts, auto syntax highlight and more.

Vuestic

Vuestic

Free and Open Source UI Library for Vue 3

Boring Avatars

Boring Avatars

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

Thunder Client for VS Code

Thunder Client for VS Code

Thunder Client is a lightweight Rest API Client Extension for Visual Studio Code, with simple and clean design. No separate download needed. Just get the extension from VS Code Gallery.

Highly – Plugin

Highly

Highly is a tooltip that allows your readers to interact with your blog’s content. Readers can highlight any text to share it with their network on social media or save it for later. The Highly tooltip supports sharing to LinkedIn, Facebook and Twitter.

Price: Free

SG Security – Plugin

Sg Security

With the carefully selected and easy to configure functions the plugin provides everything you need to secure your website and prevent a number of threats such as brute-force attacks, compromised login, data leaks, and more.

Price: Free

PDF Generator for WordPress – Plugin

Pdf Generator For WordPress

PDF generator for wordpress lets you create pdf of relevant pages, products, and posts for better dispersal of brand information.

Price: Free

Lorem Text – Plugin

Wordpress Lorem Text

Lorem Text is a WordPress plugin on the classic editor that helps you generate dummy content instantly in your post and page editor. Right choice for Professionals, Developers & Agencies, Small Businesses and more.

Price: $10.00

Bookingo – Plugin

Bookingo

Bookingo is a powerful WordPress booking plugin for a small service industry, schools and trainers. The plugin will be perfect as a booking for a swimming school, language or driving school, wherever we deal with a repeating pattern of classes.

Price: $40.00

Popup Box – Plugin

Popup Box WordPress Plugin For Easy Create Popups

This is a new WordPress Popup plugin for easy creating awesome popups with any content. Popup Box for WordPress gives you the ability to easily create popups with different behaviors and designs.

Price: $15.00

Readspec – Theme

Readspec

Readspec is a theme for personal blogs and magazines. Unique toggle sidebars give a great browsing and reading experience on both tablet and mobile.

Price: Free

Cobber – Theme

Cobber

Clean, simple, and elegant, Cobber is WordPress Theme suitable for any kind of blog, personal, travel, fashion, food, photography, publishing, or portfolio blog sites.

Price: Free

Financey – Theme

Financey

Financey WordPress theme ideal for a business or perfect solutions for corporate, consulting, wedding planners, agency, law firms, finance, law travel, recipes, sport/medical shops, startups, online agencies, portfolios, freelancers, E-commerce. The theme is responsive, WPML, Retina ready, SEO friendly

Price: Free

GoStore – Theme

Go Store Woocommerce Theme

GoStore is a WooCommerce WordPress theme designed for shopping online stores. The theme includes a lot of pre-designed layouts for home page, product page to give you best selections in customization. Also this theme is suitable for the eCommerce websites such as fashion, electronic, organic or anything you want.

It comes with a lot of features and variations: Responsive Layout, Mega Menu, Elementor Page Builder, Awesome Slider Revolution, RTL, Product Quick View, Ajax Search, Ajax Cart, Single Ajax Add To Cart, Shop Load More/Infinite Scroll, Easy One Click Demo Import, … and so much more.

Price: $19.00

Lazer – Theme

Lazer

Lazer is a multi-purpose, clean, creative, fully responsive and powerful WordPress Theme. Our theme has included multiple header layouts, Revolution Slider plugin, drag & drop visual page builder, powerful theme options panel, video backgrounds, parallax, many elements, 600+ Google Font and more.

Great modern design and Powerful features makes Lazer irresistible. The theme can be modified with the panel, a lot of page layouts, headers, layout options, blog options are available, all the fields have useful hints to help you. Lazer is the best choice for you to create a business, creative agency or personal portfolio, photography or a blogging website.

Price: $59.00

Rodiar – Theme

Rodiar

Rodiar is a Factory & Industrial WordPress theme that is highly customizable, easy to use and fully responsive. It has revolutionary theme setup wizard and demo process engine that make your site ready in just 5-minutes with selection of your preferred preview.

Factory & Industrial service providers need a WordPress theme to build a professional website for their brand and to reach the right audiance. The design should also help promote the services and get right audiance that will become clients. That’s why we created a fresh new theme specially for Factory & Industrial professionals. Here we are presenting Rodiar WordPress theme.

Price: $29.00

Daliton – Font

Daliton

Bore – Font

Bore

Alvardo – Font

Alvardo

Rothorn – Font

Rothorn

Hadnich – Font

Hadnich

MBF Alphamoon – Font

Mbf Alphamoon

Starty – Startup Illustration Pack

Starty Startup Illustration Pack

3D Set of Hands

3d Set Of Hands

Iconoir

Iconoir

Reward & Success Icons

Reward & Success Icons

Emotion Of Sports Games Icons

Emotion Of Sports Games Icons Set

Laurent UI kit

Laurent Ui Kit

Pinance – Lending UI Kit

Pinance Lending App

E-Commerce UI Kit

E Commerce Ui Kit

Berry – React Material Admin Dashboard Template

Berry React Material Admin Dashboard Template

Whiter – Multipurpose HTML Templates

Whiter Multipurpose Html Templates

Share

What’s New for Designers & Developers for June 2021