video production RSS Digest

How to Add Animation with TailwindCSS

Thoriq Firdaus — Fri, 10 Oct 2025 13:00:36 +0000

Adding animations can be a great way to make your website feel more alive and enjoyable. They can be used to provide helpful feedback, guide users’ attention to important elements, and make your interface feel more intuitive and responsive.

If you use Tailwind CSS to build your websites, you don’t need to start from scratch as it already comes with built-in utilities and tools that make creating and customizing animations as easy as adding a few classes to your HTML.

In this article, we’ll walk through several ways how you can add animations to your project with TailwindCSS.

Without further ado, let’s get started!

Built-in Utilities

Tailwind CSS includes a variety of pre-configured utilities out of the box that you can use right away on elements of your website.

Utility	Description
`animate-bounce`	Bounces an element up and down
`animate-pulse`	Makes an element fade in and out subtly
`animate-spin`	Spins an element continuously
`animate-ping`	Scaling an element up and down

For example, to make an element bounce up and down, you can simply add the animate-bounce class to it:

In this case, the class will move our element up and down infinitely, with the specified duration and easing function.

As mentioned, these animations are pre-configured. If you want more control over the animations, you should consider creating your own custom utilities.

Let’s see how to do it!

Creating Custom Animations

There are several ways to add your own custom animations.

First, we can specify keyframes, durations, and easing functions to create unique effects using the animate- property, as follows.

animate-[<animation>_<duration>_<easing>_<delay>_<iteration>]

To do this, we need to add the animation keyframes to our stylesheet. For example, below, I have a keyframe named tada, which will scale an element up and down while also rotating it slightly to the right and left, as if making a surprise gesture.

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

To apply this keyframe, you could add the following class to your element:

<div class="animate-[tada_1s_ease-in-out_1s] ...">
    ...
</div>

Although this works well, adding a custom animation like this can be a bit cumbersome, especially if you will add it across multiple elements. Fortunately, TailwindCSS provides a more convenient way to handle this.

So, alternatively, we can define the animation as a custom property. For example, let’s call it --animate-tada, and set its value to include the animation name, duration, easing function, and delay.

:root {
  --animate-tada: tada 1s ease-in-out 1s;
}
@keyframes tada {
  ...
}

Now we can apply it with the shorthand animate-[--animate-tada] instead of writing all the values directly:

<div class="animate-[--animate-tada] ...">
    ...
</div>

I think this is now much more manageable than adding the animation values directly to the element. It allows you to easily reuse the same animation across multiple elements without repeating the same values.

Here’s how it looks in action:

But, let’s make it simpler with a custom utility class for our animation. Instead of adding the custom property, what if we could simply add a class animate-tada?

To create one, we can wrap the keyframes and the custom property definition within @theme in our main stylesheet.

@theme {
  --animate-tada: tada 1s ease-in-out 1s;
  @keyframes tada {
    ...
  }
}

Use the Tailwind CLI to build the main CSS.

npx @tailwindcss/cli -i ./main.css -o ./build.css

It will generate the necessary classes for you that you can simply add the animate-tada class to your element:

<div class="animate-tada ...">
    ...
</div>

More Animations

One of the great things about TailwindCSS is its ecosystem of extensions or addons. So instead of creating every animation from scratch, you can install plugins that provide additional animations out of the box. This will save you time and effort in implementing complex animations.

Here are a few popular ones that you might find useful:

tailwindcss-motion

tailwindcss-motion is a Tailwind CSS plugin that makes adding complex animations simpler. It gives you an easy syntax for defining the motion effects and comes with built-in presets you can use right away.

It also provides an easy-to-use GUI where you can tweak how animations look and feel, so you get smooth, polished effects, and then simply copy and paste the classes.

@midudev/tailwind-animations

This library is a Tailwind CSS plugin that provides a set of pre-configured common animations including fade-in, fade-out, slide-in, zoom, rotate, bounce, shake, swing, and many more. Check out the demo here.

tw-animate-css

tw-animate-css is for Tailwind CSS 4, and one of the most popular and downloaded.

It makes adding animations to your Tailwind CSS projects easy. It gives you ready-to-use utilities for smooth effects like fade-ins, zooms, and slides. You can also fine-tune the details, like animation duration, delay, and other properties.

tailwind-animated

Another Tailwind CSS plugin that you could consider is tailwindcss-animated. It provides various utility classes and several ready-to-use CSS animations that extend the basic animation capabilities of Tailwind CSS. It’s compatible with Tailwind CSS 3 and 4.

Wrapping up

Animations are a great way to make your site feel more lively and engaging. With Tailwind CSS and the plugins, adding smooth motion can be as easy as dropping in a few classes.

Whether you prefer creating your own utilities or taking advantage of ready-made plugins, Tailwind gives you the flexibility to add polished, professional-looking animations that bring your site to life, and hopefully, this article can help you get started.

The post How to Add Animation with TailwindCSS appeared first on Hongkiat.

How to Style React Aria Components with TailwindCSS

Thoriq Firdaus — Tue, 07 Oct 2025 13:00:45 +0000

React Aria Components (RAC) is a library from Adobe that gives you fully accessible, production-ready React components—but without any default styling. This makes RAC perfect for pairing with a styling framework like TailwindCSS, since you can design everything exactly the way you want without fighting against preset styles.

I’ve been using RAC in various projects, and one thing that I like about RAC is how it handles the component states. Instead of just using CSS pseudo-classes like :hover or :active which don’t always behave consistently on touch devices or with keyboards, it uses data- attributes like data-hovered, data-pressed, and data-selected.

Using with TailwindCSS

TailwindCSS is one of my favourite ways to style components. While React Aria Components work just well with TailwindCSS, there’s a catch when it comes to styling component states. Because RAC uses data attributes, you can’t just use Tailwind’s usual hover: or focus: variants. Instead, you need to write out the full attribute using Tailwind’s arbitrary variant syntax, for example:

<Button className="data-[focused-visible]:bg-blue-400 data-[disabled]:bg-gray-100" />

This works fine but it can be redundant. The class names can quickly get long and messy, which makes our code harder to read and scan. We also lose out on Tailwind’s handy editor autocompletion, so typos become more likely.

This is exactly the problem that the tailwindcss-react-aria-components plugin is built to solve. Let’s see how it works.

Installation

Installing the plugin is simple. We can add it with NPM with this command below:

npm install tailwindcss-react-aria-components

Configuring the plugin will depend on the Tailwind version you’re using on the project.

On Tailwind v3, add it to your tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  //...
  plugins: [
    require('tailwindcss-react-aria-components')
  ],
}

On Tailwind v4, use the new @plugin directive in your main CSS file:

@import "tailwindcss";
@plugin "tailwindcss-react-aria-components";

Once installed, styling the component is more simplified. Verbose data attributes like data-[pressed]: turn into clean variants such as pressed:, and data-[selected]: becomes selected:. Even non-boolean states are shorter, for example data-orientation="vertical" now becomes orientation-vertical:.

Here’s a quick comparison of the two approaches for some of the states in RAC:

RAC State	Tailwind Attribute Selector	Simplified Class Selector
`isHovered`	`data-[hovered]`	`hovered:`
`isPressed`	`data-[pressed]`	`pressed:`
`isSelected`	`data-[selected]`	`selected:`
`isDisabled`	`data-[disabled]`	`disabled:`
`isFocusVisible`	`data-[focus-visible]`	`focus-visible:`
`isPending`	`data-[pending]`	`pending:`

Prefixing

By default, the plugin’s modifiers are unprefixed, so you can use variants like disabled: right away, for example:

import { Button } from 'react-aria-components';

function App() {
    return (
        <Button className="disabled:opacity-50" isDisabled>
            Submit
        </Button>
    );
}

But if you prefer a clearer naming convention, you can set a prefix in the config. This can be especially handy in larger projects where you want to avoid clashes with other plugins or custom utilities.

Again, the setup will depend on the Tailwind version you’re using.

On Tailwind v3, you can add the prefix option when requiring the plugin in tailwind.config.js:

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  //...
  plugins: [
    require('tailwindcss-react-aria-components')({ prefix: 'rac' })
  ],
}

On Tailwind v4, you can pass the prefix option in the @plugin directive in your main CSS file, like below:

@import "tailwindcss";
@plugin "tailwindcss-react-aria-components" { prefix: hk };

Now, all the variants will be prefixed with rac-, so disabled: becomes rac-disabled:, and selected: becomes rac-selected:.

Here’s the same example as before, but with the prefix applied:

import { Button } from 'react-aria-components';

function App() {
    return (
        <Button className="hk-disabled:opacity-50" isDisabled>
            Submit
        </Button>
    );
}

Here is a quick demo of the plugin in action.

Wrapping Up

Styling React Aria Components with TailwindCSS doesn’t have to be complicated. With the tailwindcss-react-aria-components plugin, you can skip the verbose syntax and work with clean, intuitive variants that feel just like native Tailwind utilities. This makes it much easier to keep your code readable, your workflow smooth, and your components accessible by default.

In this article, we focused on styling. But that’s just the beginning. In the next one, we’ll take things a step further and explore how to animate React Aria Components with TailwindCSS, adding smooth motion to make your UI feel even more polished and engaging.

Stay tuned!

The post How to Style React Aria Components with TailwindCSS appeared first on Hongkiat.

Advanced Search Replace in Visual Studio Code with RegEx

Thoriq Firdaus — Wed, 01 Oct 2025 13:01:21 +0000

One of the most useful features in Visual Studio Code (VS Code) is its search and replace tool. It allows you to quickly find and update text in your files. For even more control, the search tool also supports Regular Expressions (RegEx) to search using patterns instead of plain words. This can help you make big changes faster and more accurately.

Let’s see how it works.

Enabling RegEx

To begin, open the “Search” view in VS Code by pressing Ctrl+Shift+F (Windows/Linux) or Cmd+Shift+F (macOS). Alternatively, you can access it via the left sidebar.

Within the “Search” view, you’ll see a search input field and a replace input field. To enable RegEx, click the .* icon (the “Use Regular Expression” button) to the right of the search input field. This icon will highlight, indicating that RegEx is now active.

Now you’re ready to start using RegEx. Let’s see some examples.

Uppercase to Lowercase

One common scenario is needing to change the case of characters.

Let’s say you have quite a number of JSON files where one of the property values is in uppercase letters, for example: "trip_flight_airline": "SQ". Since you have multiple files, changing them one by one wouldn’t be practical. This is where search and replace with RegEx comes in handy.

However, if the requirement changes and the value needs to be in lowercase, for example: "trip_flight_airline": "sq", you could do:

Search: ([A-Z]+)

This will match any sequence of uppercase letters from A to Z.

Replace: \L$1

This will replace the entire matched string, and using the special pattern \L, it will replace the matched string with its corresponding lowercase characters.

Lowercase to Uppercase

Similarly, if you need to change the case from lowercase to uppercase, you can do the following:

Search: ([a-z]+)

This will match any single lowercase letter from a to z.

Replace: \U$1

This will replace the entire matched string and replace it with its corresponding uppercase characters.

Changing the character case can be useful in many scenarios, such as when you need to standardize the case of property names or values in your code.

Capturing Groups and Reordering Text

RegEx can become really powerful when you use capturing groups which allow you to grab parts of the matched text and then rearrange them however you like.

For example, let’s say you have dates written like this: 07-15-2025 (month-day-year), and you want to change them to this format: 2025/07/15 (year/month/day).

You can do this in VS Code’s search and replace using the following pattern:

Search: (\d{2})-(\d{2})-(\d{4})

This will match any date in the format of two digits for the month, two digits for the day, and four digits for the year, separated by hyphens.

Replace: $3/$1/$2

This will rearrange the matched groups so that the year comes first, followed by the month and day, separated by slashes.

Transforming `snake_case` to `camelCase`

Converting from snake_case, like my_variable_name, to camelCase, like myVariableName, is a common task when cleaning up or refactoring code.

If your variable names start with a dollar sign ($), you can use RegEx in VS Code to do the search replace more efficiently.

Search: (\$[^_\s\$\-\[]*?)_([a-z])

This will match any variable that starts with a dollar sign, followed by any characters except underscores, spaces, dollar signs, or square brackets, and then an underscore followed by a lowercase letter.

Replace: $1\U$2

Here we combine the matched variable name with the second part of the match, which is the lowercase letter after the underscore, and convert it to uppercase using \U.

This will effectively transform $my_variable into $myVariable. However, since VS Code doesn’t support variable-length lookbehind, it won’t match variables that have more than one underscore, like $my_variable_name. In such cases, you’ll need to run the search and replace multiple times to handle each underscore separately.

Wrapping up

In this article, we’ve explored how to use RegEx in Visual Studio Code’s search and replace feature to perform advanced text transformations, from changing character cases to reordering text and converting variable naming conventions.

Using RegEx in Visual Studio Code’s search and replace feature can significantly speed up your workflow, especially when dealing with large codebases or repetitive tasks.

By mastering RegEx, you can quickly make complex changes across multiple files without the need for manual edits.

The post Advanced Search Replace in Visual Studio Code with RegEx appeared first on Hongkiat.

Fresh Resources for Web Designers and Developers (September 2025)

Hongkiat Lim — Tue, 30 Sep 2025 13:00:10 +0000

We’re back with another round of fresh tools and resources for developers and designers.

This month’s collection features a handy mix of AI-powered tools, UI kits, some cool WordPress projects, and more. Whether you’re looking to boost productivity, streamline your workflow, or just try something new, there’s plenty here worth checking out.

Without further ado, let’s dive in!

.no-js #ref-block-tax-74168-1 .ref-block__thumbnail { background-image: url( "https://assets.hongkiat.com/uploads/thumbs/related/tag-fresh-resources-developers.jpg" ); }

Click Here for More Resources

Check out our complete collection of hand-picked tools for designers and developers.

BaseCoatUI

BaseCoatUI is a Tailwind CSS UI library that brings shadcn/ui design to plain HTML, without React.js. It works with any stack, needs little JavaScript, supports dark mode, and offers simple, accessible, theme-compatible components.

Tailwind CSS components” width=”1000″ height=”600″>

Motia

Motia.dev is a backend framework that unifies APIs, jobs, workflows, events, and AI agents. It supports multiple languages including JavaScript, TypeScript, and Python, requires no setup, and comes with built-in tools for debugging and monitoring.

Ghunt

GHunt is an Open Source Intelligence (OSINT) tool that collects publicly available data from Google accounts using a Gmail address, revealing linked services like YouTube, Maps, Drive, and more. It runs locally, exports results to JSON, and is widely used by investigators and security researchers.

Omarchy

Omarchy from DHH is an Arch-based Linux distro with the Hyprland window manager. It provides a preconfigured, polished system for developers with popular apps like Neovim, Spotify, and Chromium, full-disk encryption, and a productivity-focused UI.

Hypr.land

Hyprland is a lightweight, independent Wayland compositor and dynamic tiling window manager written in C++. It offers advanced customization, plugins, and visual effects like animations, blur, and gradient borders, while supporting features such as dynamic workspaces, instant config reloads, and global keybinds.

LlamaFS

LlamaFS is an open-source AI file manager that uses Llama 3 to automatically analyze, rename, and organize files by content. It’s a very helpful tool for managing your messy folders.

Micro

Micro is a lightweight, user-friendly terminal text editor designed as a modern successor to nano. It’s a single binary with no dependencies, offering syntax highlighting for 130+ languages, multiple cursors, mouse support, splits, tabs, clipboard integration, and Lua plugins. A great choice for devs looking for a simple yet powerful terminal editor.

OpenGist

Opengist is a self-hosted, Git-powered pastebin that works like GitHub Gist. It supports versioned code snippets, public or private sharing, syntax highlighting, markdown, search, and OAuth2 login. A great application if you’re looking for collaborative snippet management that you can host yourself.

Obs.js

Obs.js is a JavaScript library that improves web performance by detecting a user’s device, network, and battery status through browser APIs, then adapting the site or app to optimize speed and resource usage. If you’re building a web app that needs to run well on a variety of devices and conditions, Obs.js can help you deliver a better user experience.

Alpine Registry

The Alpine Registry is an MCP-compatible example registry for distributing code with the shadcn/ui components. It works with the shadcn CLI to help automate setting up and managing React component libraries or design systems. A great tool if you’re using shadcn/ui and want to streamline your component workflow.

PortKill

Port Kill is a lightweight macOS status bar app that helps developers monitor and manage processes running on specific ports. It scans ports every 5 seconds, shows active processes, and allows you to kill them individually or all at once with a click. A very handy tool for freeing up ports quickly during development.

EmailEngine

EmailEngine is a headless email client with a unified REST API for IMAP, SMTP, Gmail, and Microsoft Graph. It allows you to sync, send, and monitor emails, integrate accounts, and get real-time notifications via webhooks, without dealing with IMAP or MIME details.

Dockur Windows

Dockur Windows allows you to spin up full Windows desktops and servers, from XP all the way to 11, with Docker containers. Instead of messing with heavy VM software, it leans on Docker with KVM acceleration. This provides a simpler and lighter way to test or play with Windows environments.

Motion Primitives

Motion Primitives is an open-source UI kit packed with ready-to-use motion components for React, Next.js, and Tailwind CSS. It makes adding smooth, polished animations to your app a breeze. A great resource if you want to enhance your UI with motion without building everything from scratch.

Cohere Toolkit

Cohere Toolkit is an open-source kit of pre-built components that makes spinning up RAG apps significantly faster. With this toolkit, you can reduce development time from months to weeks, or even minutes, getting from idea to deployment quickly.

WP Docs MD

WP Docs MD, built by Kaspars Dambis, turns WordPress docs into Markdown, pulled straight from the REST API with custom PHP scripts. Handy for offline use, AI prompting, or if you just prefer working in plain text.

Telex

Telex is a new experimental AI tool from Automattic that allows you to “vibe code” Gutenberg blocks for WordPress. Just type what you want – like a block with text, images, or columns – and Telex will generate a ready-to-install zip file that you can drop into your site or test in WordPress Playground. First demoed at WordCamp US 2025 by Matt Mullenweg, it’s still early days, but it could make block development way more accessible.

WordPress RSL

Really Simple Licensing (RSL) is a WordPress plugin that makes your site’s licensing terms machine-readable. It adds clear signals so AI tools, crawlers, and other automated systems actually know how your content can be used. A handy way to keep licensing of your content simple.

VHS

VHS is a CLI tool for turning your terminal sessions into slick GIFs or videos. You write a “tape” file that describes your commands and keystrokes, and VHS renders it into shareable demos (GIF, MP4, etc.). Perfect for showing off your CLI tools without messy screen recordings.

Devenv.sh

Devenv.sh makes spinning up dev environments painless. You define configurations with Nix in simple config files. Just run devenv shell and you’ll get packages, services, git hooks, tests, scripts, and containers – all wired up automatically. It’s a great way to standardize and automate your development setups.

The post Fresh Resources for Web Designers and Developers (September 2025) appeared first on Hongkiat.

Fresh Resources for Web Designers and Developers (August 2025)

Hongkiat Lim — Sun, 31 Aug 2025 13:00:37 +0000

We are back with our monthly roundup of fresh resources for web developers.

This month, we have a collection of tools, libraries, and frameworks that can help you in your web development projects. This month’s list includes many tools focusing on AI-based development, automation, and productivity.

As always, we encourage you to explore these resources and see how they can fit into your workflow. So without further ado, here is the full list:

.no-js #ref-block-tax-74165-1 .ref-block__thumbnail { background-image: url( "https://assets.hongkiat.com/uploads/thumbs/related/tag-fresh-resources-developers.jpg" ); }

Click Here for More Resources

Check out our complete collection of hand-picked tools for designers and developers.

Authorizer

Authorizer.dev is an open-source tool that allows you to add login and user access control to your app without relying on third-party services. It supports email, social logins, magic links, and works with databases like PostgreSQL and MySQL. You can host it yourself, keep full control of user data, and integrate it easily with frontend apps using GraphQL or the JavaScript SDKs.

Dufs

Dufs is a fast and easy-to-use file server written in Rust. It lets you share files through a web browser or the command line, with features like drag-and-drop uploads, folder downloads as zip, file search, partial downloads, HTTPS, authentication, and WebDAV support. It works on macOS, Linux, and Windows, and can be installed via Cargo, Docker, or prebuilt binaries.

Docker Volume Backup

Docker Volume Backup, as the name implies, is a tool that can help you back up Docker volumes on a schedule. It supports saving backups to local folders or cloud storage like S3, Dropbox, or SSH servers. It works with both named volumes and bind mounts, and is easy to add to your docker compose setup.

Cup

Cup is a fast, lightweight tool that helps you check for and manage Docker container image updates with ease. It supports many registries including Docker Hub, GitHub Container Registry, and Quay, and runs even on low-powered devices like a Raspberry Pi. A handy tool to keep your Docker images up-to-date.

v0 SDK

v0 SDK is a TypeScript library for working with Vercel’s v0 Platform API. It supports code generation, project management, and deployments, with features like prompt-to-code, context injection, and seamless integration with frameworks like React and Next.js. Super useful if you’re using Vercel’s platform to build and deploy applications.

Superdesign

SuperDesign is an open-source AI design agent that runs in your IDE, like VS Code or Cursor, that allows you to generate UI mockups, wireframes, and components from text prompts all without leaving your code editor. A great tool for designers and developers who want to quickly prototype and iterate on UI designs.

Scenario

Langwatch Scenario is a tool that helps you test AI agents by simulating real conversations with users. Instead of checking things by hand, you can set up full chat scenarios, define what should or shouldn’t happen, and run tests automatically. It works with any AI model and helps you catch mistakes before they reach users. A great way to ensure your AI agents are working as expected and providing a good user experience.

Director

Director is a free and open tool that makes it much easier to connect your MCP servers to AI tools like Claude, Cursor, or VSCode. It’s specifically designed to handle multiple MCP servers, so you don’t need to deal with complex JSON files. A useful tool for developers who want to streamline their workflow and connect their MCP servers to AI tools.

App.build

App.build is an AI tool that helps you create full apps, from frontend to backend, including the database, with just a simple prompt.

It supports modern stacks like tRPC applications with Bun and React, Laravel with Inertia, and Python apps. It handles validation, testing, deployment, and even writes models, controllers, and UI code for you.

A great way to quickly prototype and build applications without having to write all the code yourself.

MCP Boilerplate

MCP Boilerplate is a free, open-source starter kit for building remote MCP servers on Cloudflare. It includes built-in Google/GitHub login, Stripe integration for selling paid tools, and uses Cloudflare KV for storage. A great way to quickly set up a new MCP server without having to start from scratch, and especially useful if you’re looking to monetize your MCP server with paid tools.

RustFS

RustFS is a fast, distributed object storage system written in Rust, designed for modern cloud and big data needs. It supports S3-compatible storage, strong access control, and is capable of handling large-scale data storage and retrieval efficiently. A great choice if you’re looking for a robust and high-performance storage solution for your applications.

Noxdir

NoxDir is a fast, cross-platform terminal tool that can help you explore and manage disk space on Windows, macOS, and Linux. It shows real-time disk usage such as the used, free, total, and percentage in an interactive, keyboard-driven interface. A great tool if you need to quickly analyze disk space usage and manage files efficiently.

NPQ

NPQ is a command-line tool that checks NPM packages for security issues before you install them. It looks for known vulnerabilities, suspicious install scripts, missing metadata, deprecated or risky packages, and signs of typosquatting. This tool helps you stay safe when adding new dependencies.

Crush

Crush is a stylish, open-source AI coding agent that runs in your terminal and connects your tools, code, and workflows to LLMs like OpenAI and Claude.

It supports Language Server Protocol (LSP), session management, and extensions via MCP, and works on macOS, Linux, Windows, BSDs, and more, with easy installation across platforms.

A great tool if you want to enhance their coding experience with AI-powered features right in your terminal.

Version CLI

Version CLI is a simple PHP tool for the command line that allows you to check, compare, and manage Semantic Versioning strings. A useful tool if you need to, for example, bump version, check if a version is valid, and compare versions easily.

Create Pull Request

Create Pull Request is a popular GitHub Action that helps you automatically make pull requests when files are changed during a workflow.

It can create or update a branch, commit the changes, and open a pull request to the main branch. You can customize things like the commit message, pull request title, labels, and more.

It’s useful for automating tasks like code formatting, syncing files, or updating data on a schedule.

Sidekick

Sidekick is a tool designed to make deploying and managing apps on your own VPS easier. With just one command, it sets up Docker, Traefik, SSL, and secrets management. You can deploy any app using a Dockerfile, zero downtime, and connect your own domain. A great choice if you want to self-host your applications without the hassle of managing all the infrastructure yourself.

Remeda

Remeda is a modern utility library for JavaScript and TypeScript, built entirely in TypeScript for better type safety and IDE support. It offers both data-first and data-last functional styles, and supports lazy evaluation for efficient data processing. A great choice if you’re looking for a lightweight and type-safe utility library to use in your JavaScript or TypeScript projects.

Dockge

Dockge is a self-hosted Docker stack manager focused on docker-compose.yaml files. Instead of managing individual containers, it allows you manage entire stacks with a clean and reactive web UI. Features include progress display, terminal access, and full directory-based stack management. A simpler alternative to tools like Portainer.

Nanostores

Nanostores is a small and fast state management library for JavaScript. It works with any framework like React, Vue, or Svelte, and is just under 1 KB.

It supports reactive state, TypeScript, and even has built-in tools for saving state to localStorage.

A simple and efficient way to manage state in your web applications without the overhead of larger libraries.

The post Fresh Resources for Web Designers and Developers (August 2025) appeared first on Hongkiat.

Fresh Resources for Web Designers and Developers (July 2025)

Thoriq Firdaus — Thu, 31 Jul 2025 15:00:38 +0000

As always, we’re keeping an eye on the latest tools making life easier for our fellow developers. In this post, we’ve picked some handy open-source tools made for developers like you, whether you’re working with AI, PHP, JavaScript, TypeScript, or Node.js.

These tools are simple to try, fun to explore, and can make your coding life a lot easier.

Without further ado, let’s explore the full list.

.no-js #ref-block-tax-74163-1 .ref-block__thumbnail { background-image: url( "https://assets.hongkiat.com/uploads/thumbs/related/tag-fresh-resources-developers.jpg" ); }

Click Here for More Resources

Check out our complete collection of hand-picked tools for designers and developers.

OpenCodeAI

OpenCodeAI is a terminal-based AI coding assistant that works with over 75 AI models. It can understand your code through Language Server Protocol (LSP), helps with refactoring and suggestions, and runs commands directly in your terminal. It’s fast, customizable, and designed to fit naturally into your coding workflow.

Models.dev

Models.dev is an open-source, community-driven directory of AI models that helps you compare specs, features, and pricing across providers like OpenAI, Anthropic, Amazon, and Google. It lists key details like token limits, context size, and costs which makes it a handy resource for developers, researchers, and teams choosing the right model for their needs.

PHP MCP

PHP MCP Server is a modern PHP SDK for building MCP servers to allow AI tools like ChatGPT to interact with your PHP app. It uses PHP 8 Attributes, supports multiple transports such as HTTP, SSE, stdio, and runs efficiently with ReactPHP. Designed for PHP 8.1+, it’s fast, flexible, and production-ready.

Palmr

Palmr is a secure, open-source file-sharing app that allows you to upload and share files with password protection, custom links, and access control. It has no tracking, no limits, and built with modern tech and actively developed. A perfect solution for those who want to share files privately and securely.

Pino

Pino is a fast and lightweight logging library for Node.js that outputs structured JSON logs. It’s built for performance and is great for production use, making logs easy to parse and integrate with monitoring tools.

VSCode MCP

This page is a hub for discovering Model Context Protocol (MCP) servers you can use with Visual Studio Code. These MCP allows AI agents in VS Code connect to external tools like GitHub, Figma, Playwright, and Sentry as well as enabling actions such as testing apps, fetching data, or editing files. It’s a great resource for developers looking to enhance their coding experience with AI.

Doppar

Doppar is a fast, modern PHP framework inspired by Laravel, focused on simplicity and performance. It offers routing, ORM, caching, and other essentials, and supports PHP 8.3. A great alternative framework for building clean, scalable web apps.

OpenAI Cookbook

OpenAI Cookbook is an official GitHub repo from OpenAI that provides practical examples and guides for using the OpenAI API. A helpful resource for developers looking to integrate and make the most of OpenAI models with ready-to-use code and tutorials.

Databag

Databag is a fast, lightweight, self-hosted messenger built for privacy and low-resource environments like the Raspberry Pi Zero. It offers a responsive UI, unlimited user accounts per node, and is open-source with active development on GitHub. An ideal alternative platform for personal or small-group messaging with full control over your data.

Speedtest Tracker

Speedtest Tracker is a self-hosted app that monitors your internet speed and uptime using Ookla’s Speedtest CLI. It runs in Docker, logs download/upload speeds, ping, and packet loss, and shows trends with graphs.

You can set alerts via email, Discord, or other channels when performance drops. A great tool for keeping tabs on your internet connection’s health and performance.

What’s new in DevTools 136-138

“What’s new in DevTools 136-138” by Chrome for Developers highlights the latest DevTools updates in Chrome. New features include faster workspace setup and better CSS debugging like support for corner-shape, calc(), and var().

The update brings improved AI assistance that can now keep styling changes, use screenshots in prompts, and help explain performance traces. Chrome 138 also adds helpful visual indicators for DOM issues right in the Elements panel.

Gemini CLI

Gemini CLI is a command-line tool from Google that brings Gemini AI models right into your terminal. It can help you speed up your work by automating tasks system, generating codes as well as content using plain language, or simply chatting with the AI.

Mixpost

Mixpost is a self-hosted, open-source tool for scheduling and managing social media posts across platforms like Facebook, X, Instagram, and TikTok. It supports team collaboration, post customization, video content. I think it’s a great solution for businesses and individuals looking to streamline their social media presence while keeping everything in-house.

Effect

Effect is a TypeScript library for building reliable, high-performance apps with strong type safety. It handles async tasks, errors, and side effects using a functional approach, with built-in support for tracing, metrics, HTTP, SQL, and more. A powerful tool for developers looking to create complex applications.

OpenSaas

OpenSaaS is a free, open-source starter template for building full-featured SaaS apps fast. Built with React, Node.js, Prisma and includes the essentials like auth, payments, and analytics out of the box. A great stack for developers who want to launch modern, scalable SaaS products quickly without starting from scratch.

OCRFlux

OCRFlux is a fast, open-source tool that converts complex PDFs and images into clean Markdown. It handles multi-column layouts, tables, and equations with high accuracy, supports English and Chinese, and runs locally on consumer GPUs or via Docker. A great tool for processing reports, receipts, and structured documents.

Filepond

FilePond is a flexible JavaScript library for building sleek, accessible file upload components. It supports drag-and-drop, image previews, async uploads, and handles files from various sources. It’s easy to customize and integrate into any web app with adapters for React, Vue, Angular, and more.

Pomposer

Pomposer is an experimental tool that acts as a smarter wrapper around Composer. Inspired by PNPM, it aims to avoid repeated downloads of the same dependencies, speeding up installations and saving disk space. While it’s still in beta development, Pomposer shows promise for streamlining PHP dependency workflows.

Redis Insight

Redis Insight is a free, official GUI for Redis that helps you explore, debug, and optimize your databases. It supports all Redis deployments and offers features like visual data browsing, an advanced CLI with auto-complete, AI-powered query assistance, performance insights, and real-time stream monitoring. It’s a powerful tool for both new and experienced Redis users.

Docker macOS

This project allows you to run macOS inside a Docker container using KVM virtualization. You can access the macOS instance via a web browser, customize CPU, RAM, and disk settings, and even pass through USB devices.

It supports macOS versions 11 to 15 and can be run via Docker Compose, CLI, or Kubernetes. It’s an ideal tool for testing macOS apps on non-Apple hardware like Linux or Windows.

The post Fresh Resources for Web Designers and Developers (July 2025) appeared first on Hongkiat.

Google Graveyard Revisited: Shutdowns Since 2015

Ashutosh KS — Tue, 29 Jul 2025 10:00:55 +0000

We know them for Search, Gmail, Android… the giants. But Google’s also famous for something else: trying out tons of ideas. Seriously, hundreds of them! This ‘throw it at the wall and see what sticks’ approach means innovation, but it also means… well, a lot doesn’t stick.

Over the years, Google has become notorious for shutting down services, sometimes leaving us users scrambling for alternatives, other times making us go, ‘Wait, that was a thing?’. This post is a trip down memory lane, revisiting the Google ‘graveyard’ starting from 2015.

100+ Must-Know Google Services and Tools to Boost Your Productivity

Mention Google products and you'd probably think of Google Search, Gmail, Chrome, YouTube or Android but there are... Read more

Google TV

(Discontinued on: Jan 6, 2015)

Announced in May of 2010, Google Video seemed like a smart idea for giving viewers an enhanced TV experience with an interactive overlay over online video sites.

The problem, despite various Android updates, was that it was more about computerizing your television than offering an awesome viewing experience.

With the launch of Android Lollipop and Android TV, the company planned to phase Google TV out and switch to Android TV.

“By extending Android to the TV form factor, living room developers get the benefits, features and the same APIs available for Android phone and tablet development,” said the Google and Android TV teams in a shared Google+ post.

Nonetheless, only some Google TV devices will be updated to Android TV since certain devices can’t work with the new system.

Google Code

(Discontinued on: Jan 25, 2015)

Announced in March 2005, Google Code is a service (which started a year after, in 2006) to host scalable, open source projects reliably.

Google Code went read-only in August 2015, and will shut down on January 25 2016 for version control clients. Public project data will get archived and be accessible via Google Code Archive for years to come.

“…we’ve seen a wide variety of better project hosting services such as GitHub and Bitbucket bloom. Many projects moved away from Google Code to those. … After profiling non-abusive activity on Google Code, it has become clear to us that the service simply isn’t needed anymore“, stated Chris DiBona (Director of Open Source) on Google’s Open Source Blog on March 12, 2015.

Google Talk

(Discontinued on: Feb 23, 2015)

Google Talk app for Windows was officially launched on August 24, 2005 – “a small program that lets you call and IM other Google Talk friends over the Internet for free.“

It was based on the XMPP protocol, and so various XMPP clients such as GAIM, Trillian, etc. were supported.

Mayur Kamat, Product Manager at Google Voice and Hangouts, posted on February 14, 2015 that “… Google Talk app for Windows will be deprecated on February 23, 2015. This will allow us to focus on bringing you the most robust and expressive communications experience with Google Hangouts.“

ClientLogin protocol

(Discontinued on: Apr 20, 2015)

A password-only authentication protocol, ClientLogin, offered API for third-party applications to access one’s Google account data through validation of the account’s username and password.

It was widely used by various apps and websites for getting authorized, but this API was less secure then OAuth 2.0.

Officially deprecated since April 20, 2012, Google finally shut ClientLogin API down 3 years later on April 20, 2015.

“Password-only authentication has several well known shortcomings and we are actively working to move away from it,” wrote Ryan Troll (Technical Lead, Identity and Authentication) on the Google Developers blog as a reason for its shutdown.

Google Helpouts

(Discontinued on: Apr 20, 2015)

The online collaboration and tutorial service, Google Helpouts, was launched in November 2013.

A kind of freelance market, its main objective was to help people find real-time assistance through live, streaming videos with the aim of bringing together solution experts and learners or help seekers.

It lets users talk face-to-face online and avail expert collaboration to sort out problems.

Although considered helpful for masses, yet Google shut Helpouts down on April 20, 2015.

Slow growth was given as the reason behind its termination: “… unfortunately, it hasn’t grown at the pace we had expected. Sadly, we’ve made the tough decision to shut down the product.“

Google+ Photos

(Discontinued on: Aug 1, 2015)

A photo hosting and management solution integrated in Google+, Google+ Photos lets you create, edit, and manage your own private albums online.

It also had cool features like Stories, which would automatically repackage your pictures into a fun timeline or scrapbook.

Google+ announced to start shutting Google+ Photos down beginning August 1, 2015, beginning with the Android version of the app, and then the Web and iOS versions.

To clarify few doubts, Google+ still supports photo and video sharing.

As for why they folded on it, Anil Sabarwal (Lead Product Manager at Google Photos) said, “… it is confusing to users why we have two offerings that virtually do the same thing, and it means our team needs to divide its focus rather than working on building a single, great user experience.“

PageSpeed Service

(Discontinued on: Aug 3, 2015)

Launched on July 28, 2011, Page Speed was an online service, which automatically sped up web page loading and gave 25% to 60% speed improvements on several websites.

It was a free CDN service that fetches content from the site’s servers, applies web performance best practices to the pages, and serves them to the users from Google’s worldwide servers.

Google announced that the PageSpeed service will cease on August 3, 2015.

Google Catalogs

(Discontinued on: Aug 4, 2015)

Launched on August 16, 2011, Google Catalogs app, originally available on Android tablets, offered people the chance to discover trending products from digital catalogs.

Catalogs lets you access and share information about products and their availability and create collages using the favorite catalogs.

Having alerted registered Catalogs users through an email, Google announced that it was going to break off support and services for Catalogs, and the company would trash the Catalogs app on August 4, 2015.

The Google Catalogs team didn’t provide any reason for its shutdown with the alert.

Autocomplete API

(Discontinued on: Aug 10, 2015)

The popular Autocomplete API was a text prediction service that used integrated resources to predict a query before a user finished typing search keywords.

Before the unauthorized access to non-published API was shut down on August 10, 2015, this was a widely available unofficial, non-published tool, which could be incorporated into applications without any restrictions, working independently of Google Search.

Google blocked unauthorized access and various online tools (for example, keyword tools) using this service need to re-invent themselves.

Peter Chiu (on behalf of Autocomplete team) wrote on Google’s Webmaster Central blog, “… uses for an autocomplete data … outside of the context of a web search don’t provide a meaningful user benefit. We want to ensure that users experience autocomplete as it was designed to be used – as a service closely tied to Search.“

Google Moderator

(Discontinued on: Aug 15, 2015)

On September 24, 2008, Google Moderator was released for public use by its developer Taliver Heath, a Platform Engineer at Google.

The Moderator tool allowed crowd-sourcing questions within limited time using Google’s groups by using consensus to elevate questions that were pertinent or useful.

Before making it freely available, it was used inside Google at tech talks to vote if a question should be asked.

Google announced that August 15, 2015 is Moderator’s last day, after which the site will be taken down.

Its data was made available via Takeout so that people can download their Moderator’s data starting from 30^th March 2015.

To explain why the decision was made to close down the project, it was posted, “… has not had the usage we had hoped, so we’ve made the difficult decision to close down the product.“

Google Flu Trends

(Discontinued on: Aug 20, 2015)

Announced in November 2008, Flu Trends was a service by Google.org as a way to track Influenza outbreaks by sourcing and analyzing search trends.

It was a search prediction model used for “nowcasting” estimates of Flu and Dengue fevers based on search trends.

Google stopped posting public data about these estimates on its website (starting from August 2015), and has decided to provide signal data to its partner health organizations.

“Instead of maintaining our own website going forward, we’re now going to empower institutions who specialize in infectious disease research to use the data to build their own models,” says The Flu Trends Team on Google Research blog.

Google Hotel Finder

(Discontinued on: Sep 22, 2015)

Launched on July 28, 2011 as an experimental hotel search and inventory tool, Hotel Finder lets travellers find hotel information and book accommodations.

Its features include tourist spotlights for any neighborhood, and short-list results to keep track of them.

At the end of September 2015, Hotel Finder got replaced by Hotel Ads, an advertising service that allows direct bookings from Google Search results.

According to the official announcement on Google’s Inside Adwords blog, Google retired the dedicated Hotel Finder website because “… users are now able to access the hotel information they need right from Google search.“

ADT for Eclipse

(Discontinued on: Dec 31, 2015)

ADT, Android Developer Tools, a plugin for Eclipse provided an Android application development environment for Eclipse users.

Its 0.9.4 version released in October 2009, ADT was a part of Android’s SDK and helped people develop Android applications easily.

After releasing Android Studio as the official IDE for Android app development, Google announced in June 2015 that support for ADT plugin for Eclipse would end by December 2015.

“To that end and to focus all of our efforts on making Android Studio better and faster, we are ending development and official support for the Android Developer Tools (ADT) in Eclipse,” said Jama Eason, Product Manager at Android.

Google Allo

(Discontinued on: Mar 12, 2019)

Launched in September 2016, Google Allo was a smart messaging app that integrated Google Assistant directly into conversations. It offered features like smart replies, stickers, and the ability to whisper or shout messages by adjusting text size.

Despite its innovative features, Google announced in December 2018 that Allo would be discontinued in March 2019. The company encouraged users to switch to Messages for SMS and Duo for video calls.

“We’ve learned a lot from Allo, particularly what’s possible when you incorporate machine learning features, like the Google Assistant, into messaging. We’re bringing the best of Allo into Messages, including Smart Reply, GIFs and desktop support,” said Google in their announcement.

Google+

(Discontinued on: Apr 2, 2019)

Launched in June 2011 as Google’s answer to Facebook, Google+ was the company’s fourth attempt at creating a social network. It introduced innovative features like Circles for organizing contacts and Hangouts for video chat.

After a data breach affecting 52.5 million users was discovered in December 2018, Google announced it would shut down Google+ for consumers in April 2019. The enterprise version, Google+ for G Suite, continued until April 2020.

“While our engineering teams have put a lot of effort and dedication into building Google+ over the years, it has not achieved broad consumer or developer adoption, and has seen limited user interaction with apps,” stated Google in their blog post.

Google Inbox

(Discontinued on: Apr 2, 2019)

Introduced in October 2014, Google Inbox was an experimental email client that aimed to revolutionize email management. It featured smart grouping of emails, reminders, and a clean, modern interface.

Google announced in September 2018 that Inbox would be discontinued in March 2019 (later extended to April 2019). Many of its features were integrated into the main Gmail app.

“We’ve taken popular Inbox features and added them into Gmail to help more people benefit from them,” said Google in their announcement.

Google Daydream

(Discontinued on: Oct 15, 2019)

Announced in May 2016, Google Daydream was Google’s mobile virtual reality platform. It included a VR headset and controller, along with a platform for VR apps and games.

Google announced in October 2019 that it would discontinue Daydream, citing limited adoption and the challenges of mobile VR. The Daydream View headset was discontinued, and the Daydream app was removed from the Google Play Store.

“We saw that the smartphone-based VR experience wasn’t as compelling as we had hoped, and that there were limitations to the technology that made it difficult to develop high-quality VR experiences,” explained Google in their statement.

Google Play Music

(Discontinued on: Dec 2020)

Launched in November 2011,

Getting Started with Gemini CLI

Thoriq Firdaus — Mon, 28 Jul 2025 13:00:49 +0000

Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal.

If you’re a developer, it can help you work faster as it allows you to talk to your system and code in plain English. Aside of dealing with code, you can use it for, writing, research, and more. It’s lightweight, supports long prompts, works with tools like VS Code, and is easy to customize.

But, before you can start using its powerful features, you’ll need to install it on your machine. Let’s see how to install it and how to get everything set up.

Installation

First, install Node.js version 18 or higher on your machine. You can download it from the official Node.js website: Node.js Downloads.

You will also need a personal Google Account or a Gemini API key, which you can get from Google AI Studio, to authenticate your access to Gemini AI.

Once you get either of those, you can either run Gemini CLI instantly using npx:

npx https://github.com/google-gemini/gemini-cli

Or, I would recommend to install it globally with npm, so you can use it from anywhere in your terminal. To do this, run the following command:

npm install -g @google/gemini-cli

After the installation is complete, you can verify whether Gemini CLI is installed correctly by running:

gemini --version

Authentication

When you run Gemini for the first time…

gemini

…you will be asked to select the color theme that it will use to render the codes generated. You can select any of the available themes that suit your preference.

Then, you will also need to authenticate your access to Gemini AI by providing your Google Account. Or, If you need higher quotas, beyond the free tier, I’d suggest to provide a Gemini API key from Google AI Studio.

Examples and Use Cases

The Gemini CLI can be used for various tasks including for coding assistant, file management, content generation, research, task automation, and even system troubleshooting. Let’s see some of these examples:

Coding Assitant

Gemini CLI can help you write code, debug, and even explain code snippets. For example, you can ask it to write a function in Node.js that calculates the factorial of a number. To do this, you can simply run gemini. This will bring the interactive mode, as we can see below:

By default, it will be using the gemini-2.5-pro. But, if you do not need all the power of the gemini-2.5-pro model, you can switch it to other Gemini models, such as gemini-2.0-flash-lite, which is a lightweight model that is faster and cheaper to use.

gemini --m gemini-2.0-flash-lite

Now, we can ask it to write our function. In this case, I will prompt it to: Generate a function in Node.js that calculates the factorial of a number.

It generated the code for us. But we can also ask it even further to save it in a file, such as factorial.js. To do this, we can simply prompt it to: Save this code in a file named factorial.js.

You will be asked permission to save the file, and you can either allow it once or always. If you choose to allow it always, it will save the file without asking you again in the future.

Now, we should find the file in the current working directory.

File and Project

As mentioned earlier, Gemini CLI can also help you with file management. For example, you can ask it to create a new directory for your project, and then create a new file inside that directory.

In this example, I’d like to ask Gemini to scaffold a new Go project for me. To do this I will ask it a bit more detail about what needs to be created inside the initial project, for example:

I want to scaffold a new Go project with the following details:

* Module name: github.com/tfirdaus/go-project
* Language: Go
* Purpose: A simple CLI application
* Go version: 1.20+
* Dependency management: Go modules

Please generate:

1. A standard directory structure
2. Initial go.mod file
3. A minimal main.go file (if applicable)
4. Sample README.md
5. Optional: .gitignore for Go projects
6. Test file example

Use idiomatic Go practices and organize the code to be easy to extend later.

After sending this prompt, Gemini will ask you some permissions to make some changes on the file system such as for changing directory, creating directory, creating and writing files.

After you allow it, it will start creating the project structure for you, and you can check the result by running ls command:

Wrapping up

Gemini CLI is a powerful and flexible tool that can help you with all kinds of tasks, from coding and managing files to generating content and answering questions. It’s easy to install, simple to set up, and works right from your terminal using plain language commands.

In this article, we walked through how to install Gemini CLI, setting it up, and explored a few practical examples, like using it to help with code and generate an initial project structure.

But there’s much more to explore. In upcoming articles, we’ll dive deeper into Gemini CLI’s advanced features, like integrating with Model Context Protocol (MCP), customizing context and behavior, and using some of its built-in tools.

Stay tuned for more tips to help you get the most out of Gemini CLI!

The post Getting Started with Gemini CLI appeared first on Hongkiat.

40 Streamlined WordPress Themes for Simplicity

Nancy Young — Sat, 26 Jul 2025 10:00:06 +0000

Not everyone appreciates complexity in design. Extravagant banners, sliders, and various elements can detract from your content. A minimalistic, uncluttered site design lets your work take center stage, unencumbered by unnecessary embellishments. These streamlined themes are ideal for presenting your work neatly and clearly.

That’s precisely why this compilation highlights 40 sleek and minimalistic WordPress Themes suitable for a range of purposes including blogging, portfolios, photography sites, magazines, corporate sites, and more, catering to diverse preferences. This selection includes:

20 Premium Minimalist Themes
20 Free Minimalist Themes

These ensure a clean, minimalistic site that loads quickly and is favored by search engines like Google.

Premium Minimalist Themes

Acerola

Acerola offers a fully responsive design that adapts to various website needs, such as agency, creative studio, and business sites. Its professional appearance is enhanced by clean aesthetics and engaging parallax effects. Users can easily tailor the theme to their requirements, thanks to its extensive customization options. Key features include a drag-and-drop page builder, a slider for eye-catching images, and WooCommerce support for e-commerce functionality.

The theme also provides one-click data import, live customization, and sharp retina-ready displays. Additionally, it is ready for translation and supports WPML for creating multilingual sites. Responsive customer support is available to assist users.

Preview theme

Cafariva

Designed for coffee shop businesses, Cafariva is a minimalist theme that simplifies website creation when used with the Elementor Page Builder for WordPress. It works best with the Hello Elementor theme but fits well with any Elementor-compatible theme.

Cafariva enables a no-code customization process through a drag-and-drop interface, giving you control over fonts, colors, and design elements. Its professional design is not only sleek but also optimized for quick loading, providing a seamless user experience.

Preview theme

DashBag

With DashBag, you can effortlessly build a fashion store website using WordPress and Elementor. This theme features a modern, responsive, and retina-ready design that simplifies the creation process without the need for coding. It includes 10 customizable templates alongside 18 section templates, all embracing a sleek and minimalist aesthetic.

DashBag works seamlessly with Elementor’s free version and incorporates Google Fonts. The designs are crafted to display beautifully across desktops, laptops, and mobile devices. Plus, users benefit from responsive support provided by a committed team, making website customization and usage straightforward.

Preview theme

Famita

Famita offers a clean and simple design suitable for eCommerce stores, including those selling furniture, clothes, tech, and accessories. It enhances the user experience with straightforward Theme Options for customization, such as changing Google fonts without any coding. The theme ensures your site looks great on all devices with its responsive design.

It’s compatible with WooCommerce and features multiple homepage options, AJAX for a smoother shopping experience, quick product views, and a wishlist. Famita also supports multiple languages through WPML, provides different blog layouts, and comes with a selection of color schemes. Social media integration, a custom 404 error page, and demo content are included to help you get your store up and running quickly.

Preview theme

Gute

Designed for Elementor, Gute is a WordPress theme that suits a range of publishing websites, including news portals, magazines, personal blogs, and editorial platforms. It’s built to work seamlessly with Elementor Pro, which is required for its full range of features. Customization is straightforward, allowing you to tailor your site to your needs.

The responsive design ensures optimal viewing on different devices and browsers. However, before you can take advantage of Gute’s capabilities, you’ll need to install a few plugins: Elementor, Themesflat Addons for Elementor, ElementsKit Lite, and WooCommerce.

Preview theme

Inez

Designed for creatives, Inez is ideal for showcasing work through a multi-page portfolio. Photographers, designers, and artists can choose from several portfolio layouts and project templates, including grid and masonry styles. The theme smartly adjusts grid item sizes to display images perfectly. It works with WordPress 4.4+, is fully responsive, and integrates seamlessly with Bootstrap 3.

Inez simplifies the setup process with one-click demo installation and offers customizable grid spacing and video project features. It’s SEO-friendly, boasts a clean interface, and provides access to over 700 Google Fonts. The theme is also translation-ready with WPML, includes a custom CSS field, over 2000 premium icons, and supports threaded comments. Users benefit from regular updates and comprehensive support documentation.

Preview theme

Lixer

Designed for creative portfolios, Lixer offers a modern, clean, and minimalist look that captures the audience’s attention. It’s fully responsive, ensuring a seamless display across all devices.

With the Elementor Page Builder, creating pages is a breeze thanks to its drag-and-drop functionality, streamlining content management. Built on the Bootstrap 4.x Framework, Lixer guarantees a mobile-friendly experience. The one-click demo importer simplifies the setup process, allowing for fast and effortless customization of your website.

Preview theme

Munfarid

With a modern, minimalist design, the Munfarid Blog theme is perfect for bloggers and online retailers using WooCommerce. It’s crafted to meet the latest standards, ensuring your website looks sleek and professional. Munfarid supports the Gutenberg editor, streamlining the site-building process and preparing you for WordPress 5.0. This theme is responsive, easy to customize, and doesn’t require any coding.

It comes packed with features including a robust admin interface, multiple header styles, and customizable title areas. Engage visitors with video and call-to-action elements. The one-click demo import, various blog layouts, and different logo options for headers enhance your site’s flexibility.

Plus, it offers a full-screen menu, a side menu area, and built-in search functionality.

Preview theme

Pekko

Designed for dark portfolio websites, Pekko offers a sleek and minimalistic look that pairs well with the Elementor page builder for easy customization. Enjoy quick loading times thanks to its lightweight design, and captivate your audience with smooth animations and standout typography.

This theme comes with drag-and-drop functionality, a responsive design, and Ajax content loading for a seamless user experience. It’s ready for translation, supports multiple languages, and is easy to customize. Comprehensive documentation and cross-browser compatibility make Pekko a reliable choice for your website project.

Preview theme

Pioneer

Designed with a minimalist approach, Pioneer caters to developers, designers, bloggers, and creatives looking for a user-friendly WordPress theme. It simplifies the process of creating both business and personal websites with over 65 pre-made demos and more than 15 homepage styles that work for multi-page and one-page sites.

The theme ensures your content is easy to read and looks great on any device, thanks to its responsive design. With Pioneer, you get a modern portfolio, various e-commerce shop layouts, and the advantage of SEO-friendly clean code.

Preview theme

Saara

Designed with bloggers in mind, the Saara Minimalist WordPress Blog theme offers a sleek, artistically crafted interface that adapts beautifully across devices. Choose from six distinct home page demos to find the perfect style for your content. The gallery page comes alive with a variety of layouts, including video posts and diverse image information placements, ensuring an engaging visual experience for your audience.

Preview theme

Sassoft

Sassoft offers a sleek, responsive design that’s ready for high-resolution displays and easy to tailor using Elementor’s intuitive drag-and-drop interface – no coding needed. This template kit includes 10 versatile templates and 18 sections, all editable with Elementor, even with its free version. It incorporates Google Fonts at no extra cost, ensuring a stylish and minimalist look that adapts flawlessly to different devices.

With Sassoft, you get a smooth design process and dedicated support to help you build a polished business website effortlessly.

Preview theme

Signy

SIGNY combines functionality with ease of use to improve the reader’s experience. Its unique layouts and clean, minimalist aesthetic are enhanced by a selection of widgets. For bloggers looking to sell products, SIGNY includes tailored shopping layouts.

The theme is optimized for speed, ensuring quick loading times, and offers a range of post styles to clearly communicate your message. It’s also fully responsive, making your content easily readable on any device.

Preview theme

Unero

Unero offers a minimalist AJAX WooCommerce theme tailored for online shopping experiences. With a focus on a clean aesthetic and highlighting products, it aims to boost the appeal of e-commerce sites and increase sales.

This theme is ideal for a range of online stores, including fashion, furniture, and home decor. It includes WooCommerce integration, a variety of plugins, customizable settings, a mini cart, and multiple widgets for enhanced functionality. Unero ensures a mobile-friendly layout, advanced product filtering, and an integrated order tracking system.

It also provides comprehensive tax and shipping settings, a coupon system, and detailed store reports to effectively manage your online business. SEO-friendly features and tools for customer engagement, such as product ratings and reviews, are also part of the package.

Preview theme

Mosiso ($23.99)

These folks sell them in a set, with the screen protector for macbook air 15 inch 2023, also comes the plastic hard shell and the keyboard cover.

This company sells a set for the 2023 MacBook Air 15 inch that includes a screen protector, a plastic hard shell, and a keyboard cover.

PYS ($31.49)

This product by PYS is a screen projector that also works as a privacy screen protector. You can easily remove it whenever you want. It restricts the viewing angle to +/- 30 degrees, which means only the person sitting directly in front of the monitor can see the data.

2. Cleaning Cloth

If you don’t want to use a screen protector on your new MacBook Air, a cleaning cloth can be a good substitute. You can use it to wipe off smudges or dirt from the screen. Additionally, you can place it over the keyboard before closing the laptop to prevent the keys from leaving marks on the screen.

Clean Screen Wizard ($19.99)

This is a dark-colored microfiber cloth that is 14 inches in size. It’s perfect for use with a 15-inch MacBook Air.

3. Keyboard Protector

Another simple way to prevent marks on your MacBook’s screen from the keyboard is to use a keyboard cover. These are usually made of silicone and fit perfectly over your keyboard. They not only reduce the noise when you type, but also protect your keyboard from spills or food crumbs.

Here are a few you can consider:

Silicone Keyboard Cover by MasiBloom ($5.99)

Ultra thin Keyboard Cover by MasiBloom ($6.95)

Keyboard Cover with Shortcuts by LEZE ($9.99)

4. Macbook Sleeve / Bag

If you travel frequently, it’s a good idea to get a MacBook sleeve. Carrying your MacBook without any protection can lead to scratches. So, it’s better to keep it safe in a thin laptop bag.

Here are some businesses where you can buy 15-inch MacBook Air sleeves.

Waterfield

Tomtoc

TwelveSouth

Native Union

Nomad

5. Macbook Air Case

In our continued discussion about protecting your MacBook, consider getting a case that you can attach to your MacBook’s exterior to prevent scratches and dents. Here are some MacBook Air cases you might want to think about.

Mosiso ($23.99)

We previously discussed MOSISO when we talked about the MacBook Air 15″ 2023 screen protector. To summarize, it includes a hard plastic case for the MacBook, a screen protector, and a keyboard cover.

SanMuFly ($17.99)

This affordable hard case by SanMuFly is available in different colors. It also includes a cloth for cleaning, a cover for your keyboard, and a cover for your camera to protect your privacy.

6. Macbook Stands

A MacBook stand is a useful item to own, especially if you use a desktop computer as well. It gives you a stylish way to keep your MacBook, or helps you to neatly put it away without making your desktop messy. Here are some companies that sell high-quality MacBook stands, which are also compatible with the new 2023 15-inch MacBook Air.

7. USB Hubs

The 2023 15-inch MacBook Air has two Thunderbolt or USB 4 (USB-C) ports and a 3.5mm headphone jack. If you want to connect more devices, you’ll need a USB hub. Here are some top-notch ones I suggest.

Satechi

Type-C Pro Hub Adapter ($99.99)

1x HDMI port – up to 4K 60Hz
1x USB-C PD port – up to 40 Gbps data transfer, PD charging up to 87W, 4K 60Hz video output.
2x USB-A ports – up to 5 Gbps
1x USB-C data port – up to 5 Gbps (no charging/video)
x micro/SD card readers

4-Port USB-C Hub ($39.99)

4x USB-C ports – up to 5 Gbps

TwelveSouth

StayGo mini USB-C Hub ($39.99)

1x USB-C power | pass-thru 85W USB-C PD charging
1x 4K HDMI | Crystal clear 4K x 2k @ 30Hz HDMI / Full 1080p
1x USB-A 2.0 / BC 1.2 Charging Port | SuperSpeed up to 5 Gbps with BC 1.2 7.5W Fast Charge
1x Headphone/Audio out

Belkin

Belkin USB 3.0 4-Port Hub + USB-C Cable ($69.95)

4x USB 3.0 ports

Belkin Thunderbolt 3 Dock Pro ($299.95)

2x Thunderbolt 3 (USB-C) ports
1x DisplayPort video port
1x UHS-II SD card slot
4x USB-A 3.0 ports
1x USB-C power delivery port

8. iPhone Mount

These mounts let you attach your iPhone to the top (or on the side) of your MacBook. This setup allows you to use the Continuity Camera feature for FaceTime and video conferencing.

Belkin iPhone Mount with MagSafe for Mac Notebooks ($29.95)

CloudValley Magnetic Phone Holder ($15.99)

MOFT Magnetic Laptop iPhone Mount ($29.99)

Final Thoughts

Buying a laptop, especially a high-end one like the MacBook Air 15-inch, is not an everyday occurrence. So, it’s important to ensure it’s protected from accidental damage while also using it effectively for your needs. I hope you find these recommendations helpful.

The post Best Accessories for MacBook Air 15″ appeared first on Hongkiat.

20+ Alternative Web Browsers for Smart Phones

Fahad Khan — Wed, 23 Jul 2025 10:00:38 +0000

Smartphones, we depend on them for everything, from staying on top of emails and browsing through social media to online shopping and handling our finances. And one app that we constantly find ourselves utilizing is undoubtedly the web browser.

Whether you’re an iOS user with Safari or an Android user with Chrome, these are often our first choices. However, did you know that there’s an entire universe of alternative web browsers out there that are just as capable and filled with features?

These browsers often aim to enhance specific aspects such as speed, privacy, readability, and some even offer their own VPN-like proxy services. To assist you in exploring these options, we’ve put together a thorough list of over 20 web browsers specifically designed for smartphones. So go ahead, download them, and give them a test run. Who knows, you might even discover your new favorite browser!

1. Dolphin

Dolphin Browser is available for both Android and iOS. It’s designed to enhance your online experience with its speed and customization options. Dolphin makes browsing efficient with features like multi-tab management, Android Flash support, and user-defined gestures for quick navigation. It integrates seamlessly with social networks and cloud storage services like Facebook, Evernote, and Box, making sharing and syncing effortless.

Additionally, it offers third-party add-ons for a personalized browsing experience, voice search capabilities through Sonar (a feature), and convenient sidebars for quick access to bookmarks and settings.

Features:

Enjoy all-in-one browsing with multiple tabs.
Navigate quickly with customizable gestures.
Share and sync with popular social platforms.
Personalize with third-party add-ons.
Access bookmarks and options swiftly with side bars.

Download Dolphin for:

iOS Android

2. Opera

Opera is a swift and secure web browser that comes with an integrated VPN and ad-blocker for smooth, private browsing. It’s enhanced with AI to deliver personalized content and a distinctive browsing experience. Opera’s data-saving mode optimizes internet speeds while saving data and battery life. Fully adaptable, you can tweak settings to suit your needs, including a night mode to protect your eyes during late hours.

Features:

Secure browsing with free VPNs.
Ad-free and tracker-free experience.
AI-powered personalized browsing.
Customizable reading and search settings.
Sync files across devices with Flow.
Protect privacy with anonymous browsing.

Download Opera for:

iOS Android

3. Firefox Mobile

Firefox Mobile from Mozilla is a secure iOS browser that syncs your devices, allowing easy access to bookmarks, passwords, and history on the go. Its Enhanced Tracking Protection automatically blocks trackers and scripts, keeping your online activities private.

The browser features a private mode that wipes your history and cookies when you’re done. Firefox’s intuitive browsing tools help you quickly navigate to favorite sites and search efficiently. By setting it as your default browser, you support an independent tech company and ensure seamless browsing between your mobile and desktop.

Features:

Enjoy fast browsing with optimal speed.
Browse privately with erasable history mode.
Sync your data across all devices.

Download Firefox Mobile for:

iOS Android

4. Firefox Focus

Firefox Focus, by Mozilla, is a mobile browser designed for quick, private searches without any complications. Ideal for quick look-ups you want to keep private, it features a clean, distraction-free interface for speedy searches. It doesn’t store history, previous sites, or tabs, ensuring your sessions remain confidential. With a single tap, you can erase your browsing history, passwords, and cookies. By blocking numerous ads and trackers, Firefox Focus not only enhances your privacy but also accelerates page loading for a faster browsing experience.

Features:

Design promotes quick, distraction-free searches.
History, passwords, cookies can be erased with one tap.
Pin shortcuts on home screen for favorite sites.
Ad and tracker blocking ensures faster browsing.
Privacy enhanced with superior tracking protection.

Download Firefox Focus for:

iOS Android

5. Microsoft Edge

Microsoft Edge, enhanced with AI and Copilot powered by GPT-4, is a mobile browser that revolutionizes your online experience. It provides detailed summaries, answers questions, and even creates images using DALL-E 3. Prioritizing your privacy, it features tracking prevention, InPrivate browsing, and Microsoft Defender Smartscreen.

Edge also makes shopping smarter with price comparison tools and coupon finders, ensuring a comprehensive and secure browsing experience.

Features:

AI copilot offers comprehensive answers and summarizes pages.
DALL-E 3 creates images from text prompts.
Enhanced privacy with tracking prevention and secure browsing.
AdBlock Plus blocks unwanted ads.
Smart Shopping provides price comparison and cashback.
Password monitoring for potential dark web threats.

Download Microsoft Edge for:

iOS Android

6. Puffin

Puffin Browser is a cloud-powered mobile browser that shifts computing tasks from your device to cloud servers for incredibly fast web page loading. This unique approach not only speeds up browsing but also saves up to 90% of bandwidth with its proprietary technology. Beyond speed, Puffin ensures secure browsing on all networks with encryption and enhances mobile gaming with an on-screen gamepad.

It’s also designed to minimize data usage, making it a fast, secure, and efficient choice for mobile internet users.

Features:

Experience faster browsing powered by cloud computing.
Save up to 90% bandwidth during regular browsing.
Enjoy fast, secure browsing with enhanced encryption.
Control data usage by adjusting streaming and image quality.

Download Puffin for:

iOS Android

7. Ghostery Privacy Browser

Ghostery goes beyond typical ad-blocking; it’s a comprehensive privacy tool available on all browsers and devices. It offers a suite of features to enhance your online privacy, including the ability to block ads and trackers and a private search engine. Built on the reliable Firefox platform, it ensures a secure browsing experience with its private browsing mode and unbiased search options.

Features:

Blocks trackers and intrusive ads on all browsers.
Prevents cookie pop-ups across all browsers.
Integrated private search within the browser.

Download Ghostery for:

iOS Android

8. Brave Browser

Brave Private Web Browser stands out with its integrated Adblock, VPN, and independent Brave Search. Known for its speed, it cuts down page load times and boosts performance. Brave ensures your privacy with advanced features like HTTPS Everywhere, script blocking, and cookie control, offering a secure and efficient browsing environment.

Features:

Ad-free and tracker-free browsing.
Your privacy is protected with enhanced features.
Use Brave Search for private, track-free searching.
Earn rewards while browsing with Brave Rewards.

Download Brave for:

iOS Android

9. Ecosia

Ecosia is a Chromium-based browser with a mission: to plant trees using its search revenue. It provides all essential features like tabs, incognito mode, and bookmarks while ensuring fast browsing with an ad blocker. Ecosia’s commitment to the environment is evident as it funds global tree planting initiatives, fights climate change, and supports communities.

It respects user privacy by not tracking location or selling data and encrypts searches. As a carbon-negative option, Ecosia produces more renewable energy than it consumes, making it an eco-friendly choice for conscious users.

Features:

Browsing without ads with the integrated ad blocker.
Combat climate change by planting trees through search revenue.
Your privacy is protected, they don’t track nor sell data.

Download Ecosia for:

iOS Android

10. Kiwi Browser

Kiwi Browser, based on Chromium and WebKit, offers a familiar and fast browsing experience. It’s known for its speed and includes a robust pop-up blocker and extension support. Unique features like unlocking Facebook Messenger without the app, customizable night mode, and a bottom address bar enhance usability.

Kiwi also allows for homepage customization and provides a comfortable browsing experience tailored to user preferences.

Features:

Powerful pop-up blocking.
Night mode offers comfortable reading.
Privacy is prioritized, blocking trackers.

Download Kiwi for:

iOS Android

11. Stargon Browser

Stargon Browser is a compact, swift Android browser featuring a powerful ad blocker and video download capabilities. It enhances your browsing with gesture controls, dark mode, DNS VPN, and an integrated video player. Focused on privacy and ease of use, Stargon includes a QR code scanner, file manager, and safe browsing options, making it a convenient and secure choice for mobile users.

Features:

No ads for cleaner browsing.
Download videos directly.
Save images easily.
Enjoy low-light browsing with dark theme.
Read distraction-free with reading mode.
Browse privately with incognito mode.

Download Stargon for:

Android

12. Surfy Browser

Surfy Browser is a private web browser designed for an efficient and unique mobile experience. It offers password-protected browsing, customizable themes, and data-saving features. Built for a different kind of mobile web journey, Surfy reduces data usage while providing secure, full-screen reading and browsing sessions, catering to users seeking both privacy and practicality.

Features:

Lock browser or sessions with a password.
Personalize with favorite colors and images.
Listen to content with the voice engine.
Navigate tabs with a simple swipe.
Unlock app or bookmarks using a fingerprint.

Download Surfy for:

Android

13. Tor Browser

Tor Browser, from the Tor Project, is synonymous with extreme privacy and freedom online. It ensures truly private browsing by isolating each website you visit, blocking trackers and ads, and clearing cookies after each session.

Tor defends against surveillance and resists fingerprinting by making all users look the same. It employs multi-layered encryption as your data moves through the Tor network, keeping your activities confidential and allowing access to sites blocked by your local ISP.

Features:

Blocks trackers for private browsing.
Safeguards against surveillance.
Protects identity through fingerprint resistance.
Provides multi-layered encryption.
Enables access to blocked websites.

Download Tor for:

iOS Android

14. Vivaldi Browser

Vivaldi is a feature-rich browser designed to enhance productivity, creativity, and safety. It offers advanced tab management, allowing you to organize and handle tabs efficiently. Vivaldi prioritizes your privacy by blocking trackers and ads and includes a range of tools like note-taking, page translation, and full-page screenshots to streamline your browsing experience.

Features:

Experience safer browsing with enhanced privacy protection.
Smart tools like note-taking and translation.
Advanced tab management features for easy organization.
Keep screens tidy with two-level tab stacks.
Access tools like history and downloads in split-screen.
Personalize settings and explore new features.

Download Vivaldi for:

iOS Android

15. Aloha Browser

Aloha Browser combines a sleek interface with a host of powerful features. It guarantees private browsing with no activity logs and includes an unlimited VPN for secure, anonymous internet access.

Aloha comes with a built-in crypto wallet, an ad blocker for uninterrupted browsing, and full Web3.0 support for blockchain games and platforms. It also features a robust media player, background music play, data saver mode, secure private tabs, and a QR code reader, making it a comprehensive tool for modern internet users.

Features:

Assures privacy with no activity logs.
Offers unlimited secure VPN browsing.
Provides a wallet for multiple cryptocurrencies.
Blocks annoying ads for clean browsing.
Supports Web3 for blockchain game access.

Download Aloha for:

iOS Android

16. Orion Browser

Orion Browser by Kagi is a fast, free, and privacy-centric web browser tailored for iPhone and iPad users. It ensures a smooth browsing experience free from ads and telemetry. With its robust anti-tracking technology and built-in ad-blocker, Orion is dedicated to protecting your online privacy and providing a secure browsing environment.

Features:

Clean browsing without data collection.
Ensures your data remains private.
Blocks ads for smooth browsing.

Download Orion for:

AI assistants connect with external data sources, tools, or systems. This makes them much more useful by allowing them to do things like run code, manage files, and interact with APIs.

In my previous article, we looked at how MCP works, how to install it, and how to use a few MCP servers. In this article, we’ll explore more MCP servers, this time focusing on tools that can help developers save time and work more efficiently.

We’ll continue using Claude to run the MCP servers as it has MCP capabilities built-in, is easy to install, and is compatible with major platforms.

So, let’s dive in!

1. 21st.dev Magic

21st.dev Magic is an AI powered tool that allows you to build modern UI components just by describing them in plain language. It works with popular editors like Cursor, Windsurf, VS Code (with Cline), as well as Claude.

So you can just type what you need, and it will instantly create ready-to-use code. This makes building UI prototypes faster and easier, with less manual work.

Installation

To get started, first create an account at 21st.dev to get your API key. Once you’ve signed up, you can find your API key on the API Access page.

To install the MCP server, add the following configuration and replace [api-key] with your own API key.

{
    "mcpServers": {
        "@21st-dev/magic": {
            "command": "npx",
            "args": [
                "-y",
                "@21st-dev/magic@latest",
                "API_KEY=\"[api-key]\"",
            ]
        }
    }
}

Example Prompts

When sending a prompt to trigger 21st Magic MCP, it’s best to start your prompt with code /ui, for example:

/ui create a signup form

After sending the prompt, you will receive the code for the signup form, usually with some variants. You can then copy and paste this code into your editor to use it.

We can improve our prompt by giving it more detailed instructions, for example:

/ui create a pricing table component with two plans: Free and Pro. Each plan should include a signup button at the bottom.

It’s smart enough to understand the instruction and generates pricing tables with just two plans, as shown below, and even provides some variants.

This is a great MCP server for any designers or developers to create prototypes. It can help you create UI components quickly and easily.

2. Filesystem

The Filesystem MCP Server allows an AI assistant to work with your local filesystem to read, write, and manage files. With this setup, the AI can do things like create folders, move files, or check file details. This makes it easier to automate everyday file tasks and boost your productivity.

Installation

{
    "mcpServers": {
        "filesystem": {
            "command": "npx",
            "args": [
                "-y",
                "@modelcontextprotocol/server-filesystem",
                "/Users/tfirdaus/Desktop"
            ]
        }
    }
}

Example Prompts

Let’s first try with a simple prompt:

how many files are there in my Desktop directory?

As we can see above, it’s smart enough to give us the count and details about the files.

You can even take it a step further by giving more detailed instructions. For example, let’s say your Downloads folder is cluttered with all kinds of files and folders. You could ask it to find all the directories that appear to be WordPress plugins with the following prompt:

find and list all the directories that appear to contain a WordPress plugin. A typical plugin folder includes a readme.txt file and several .php files.

3. MySQL

The MySQL MCP Server allows an AI assistant to connect to a MySQL database so it can run SQL queries, manage database connections, and fetch data. This integration makes it easier to retrieve information using natural language commands.

Installation

To install this server, you need to make sure that you have access to MySQL installed either on your machine or on a remote server. Then add the following:

{
    "mcpServers": {
        "mysql": {
            "command": "npx",
            "args": [
                "-y",
                "@benborla29/mcp-server-mysql"
            ],
            "env": {
                "MYSQL_HOST": "127.0.0.1",
                "MYSQL_PORT": "3306",
                "MYSQL_USER": "[your-mysql-username]",
                "MYSQL_PASS": "[your-mysql-password]",
                "MYSQL_DB": "your_database",
                "ALLOW_INSERT_OPERATION": "false",
                "ALLOW_UPDATE_OPERATION": "false",
                "ALLOW_DELETE_OPERATION": "false",
                "PATH": "/Users/[username]/.nvm/versions/node/v22.14.0/bin:/usr/bin:/bin",
                "NODE_PATH": "/Users/[username]/.nvm/versions/node/v22.14.0/lib/node_modules"
            }
        }
    }
}

Make sure to replace [your-mysql-username] and [your-mysql-password] with your own MySQL username and password. You can also change the MYSQL_DB to the database you want to connect to.

As for the PATH and the NODE_PATH, you can find them by running the following command in your terminal:

which node

Example Prompts

To use the MySQL MCP server, you can start by asking it to show you the tables in your database. For example:

List all the tables from my wordpress database?

As shown above, we get a full list of tables. What’s impressive is that the AI even understands and classifies which tables belong to WordPress Core and which ones are from WooCommerce.

We can also ask it to show us specific data. For example:

Get the ID of all posts where the title starts with "Hello"

And we get the results in a nice table, as shown below:

4. Git

The Git MCP Server allows an AI assistant to interact with a Git repository directly. It supports operations such as cloning repositories, creating branches, committing changes, and viewing logs. This integration allows you to manage your Git workflows using just natural language commands. No need to remember complex Git commands.

Installation

To install this server, you need to have Git installed on your machine. You can check if you have Git installed by running the following command in your terminal:

git --version

Then, you will also need to have the uv command installed.

{
  "mcp": {
    "servers": {
      "git": {
        "command": "uvx",
        "args": ["mcp-server-git"]
      }
    }
  }
}

Example Prompts

Let’s try a simple prompt to check the current branch in a local repository:

Check the current branch in this repository [path-to-repository]

We can also perform more complex operations, such as reverting the latest commit. For example:

Revert the latest commit in this repository [path-to-repository]

It is smart enough to first check if the Git tree is clean, meaning that there are no uncommitted changes. Then, it will revert the latest commit and show you the commit message.

There are many other Git commands that this MCP server can execute, such as Git Checkout, Commit, Create branch, Add, etc.

5. Docker

The Docker MCP Server is an MCP server that lets you manage Docker using natural language. You can create containers with simple prompts, inspect and debug running ones, and handle persistent data through Docker volumes. It’s great for server admins managing remote Docker setups.

Installation

To install this server, you need to have Docker installed on your machine. You can check if you have Docker installed by running the following command in your terminal:

docker --version

Then, add the following configuration to run the MCP server:

"mcp-server-docker": {
    "command": "uvx",
    "args": [
      "mcp-server-docker"
    ]
  }

Example Prompts

First, we can try a simple prompt:

List running containers

Since this MCP server supports many Docker commands—like creating containers, starting them, pulling images, and more—we can try a more advanced prompt, such as:

Run a WordPress container using the official image, with MySQL, and Nginx running on port 8000.

This command will set up three containers: one for WordPress using the official image, one for MySQL, and another for Nginx, which will run on port 8000.

Wrapping Up

In this article, we have explored MCP servers that can help you work more efficiently. These servers allow you to automate tasks and interact with internal systems in your local or external services using natural language commands.

You can send prompts that will trigger these MCP servers and save you a lot of time and effort in your daily work.

We hope you find this article helpful and that you can use these MCP servers to boost your productivity.

The post 5 Powerful MCP Servers To Transform Your Development Workflow appeared first on Hongkiat.

Best Business VPN Services for Enterprise Security

Hongkiat.com — Tue, 22 Jul 2025 07:00:50 +0000

In the aftermath of the pandemic, there has been a growing trend of remote working and virtual work environments. To enable your remote workers and virtual teams to connect to your corporate network securely, you need a business VPN service.

A Business VPN shields your corporate data from security threats, enabling virtual workers to connect securely to your company network.

But that’s not all. This post highlights some of the most important benefits of using a business VPN – and if you’re convinced enough, you can take a look at the best business VPN service available today and see which one works best for your business.

Name	Key Feature	Price
NordLayer	Multi-layered security with easy setup and management for businesses of all sizes	From $7/user/month
Perimeter81	Feature-rich cyber security with intuitive dashboard and real-time monitoring	From $8/user/month
Twingate	Zero-trust access solution with cloud-based infrastructure support	From $5/user/month
TorGuard	Multi-platform VPN with strict encryption and dedicated support team	From $32/month (5 users)
StrongVPN	WireGuard Protocol support with fast performance and zero logging	From $3.66/month

How Can Companies Benefit From a Business VPN?

Either you run a big corporation or small/medium enterprise, if you work with a virtual team or have branches in other places, then it becomes imperative to use a business VPN.

Why you ask? Well, here is a list of benefits your company can get from using a business VPN:

Secure connectivity to the company network and shared resources.
Business data protection from security threats like hacking and surveillance.
Enhanced security for a low cost, especially for startups and small businesses.
Connect securely from anywhere – even from a public network.
Bypass geo-restrictions (if any) for remote workers in the country/region that has blocked access to company resources.
Easier to set up and maintainance compared to other network security solutions.

Top Business VPN Services in the Industry

So you decided to get a business VPN owing to the security and connectivity requirements of your company and you’re on the lookout for the best one that aligns with your particular needs.

In the following I’m going to give a brief description of some of the best business VPN services along with their specific features and pricing options so you can make an informed decision.

1. NordLayer

NordLayer is one of the best business VPN providers in the market that’s designed specifically for enhanced business data security for big and small businesses. With its reliable and multi-layered data security features, your remote workforce can safely connect to your network infrastructure.

If we talk about ease of use, NordLayer surpasses all other solutions in this category. It is really simple to set it up (without requiring additional resources), integrate it with your existing infrastructure, and scale it according to the ever-fluctuating requirements of a growing business. With an intuitive control panel, you can monitor user activity, implement security policies, and manage licenses.

Moreover, to manage a user base of more than 40,000 users from 5500 companies worldwide, NordLayer offers efficient and reliable customer support with a record response time as well as a comprehensive blog and FAQ section right on the website.

NordLayer’s features:

Backed by certified information security management systems and military-grade encryption, NordLayer offers some powerful features including:

Multi-layered network security – 2-factor authentication, SSO, auto-connect, threat block, custom DNS, network segmentation, rooted device detection, and smart access, among many others.
Hardware-free setup so you can quickly integrate it within your existing infrastructure and start using a secure network within no time.
Reliable global network of 30+ server locations ideal for conducting product performance tests in any market around the world.
Hybrid work security providing secure access to the company network, managing user verification, and endpoint protection for employee devices.
Integration with many network equipment and endpoints including Google Workspace, Azure, Okta, Amazon Web Services, and OneLogin, etc.
Centralized control panel to implement network security policies, monitor user activity, and manage license transferability all through an intuitive interface.
24/7 customer support offered by network specialists with a response time of under a minute.

Pricing:

NordLayer offers different pricing plans according to client’s requirements ranging from:

Basic: $7/user/month, and
Advanced: $9/user/month.

You can also get a Custom Plan for your particular needs after a free consultation with NordLayer specialists.

Get NordLayer Business VPN

2. Perimeter81

Perimeter81 offers a reliable VPN security platform for your business network. It offers a feature-rich cyber security experience that adheres to high standards of software security. Plus, you can find multiple data security solutions customized to your particular industry or business needs.

To develop and manage your security network, Perimeter81 gives you an easy-to-use dashboard that gives you an overview of your network policies and access information. Additionally, you can check user activity in real-time through graphs and charts.

Perimeter81 is pretty simple to install and integrates in your existing network. It also saves you a lot of time that is otherwise wasted in dealing with cyber complexity.

Perimeter81’s features:

Here are some of the features you can look forward to in Perimeter81 business VPN:

Access control encryption for strict data protection.
Easy user management through intuitive dashboard.
Real-time endpoint awareness for all user devices.
Total network visibility to keep an eye on all user activity.
Multi-factor authentication for an extra layer of security where needed.
Split tunneling and secure web gateway.

Pricing:

Perimeter81 offers an array of pricing options including:

Essential: $8/user/month,
Premium: $12/user/month,
Premium Plus: $16/user/month, and
Enterprise with customized security features for your needs.

Get Perimeter81 Business VPN

3. Twingate

Twingate is not exactly a business VPN, but a cloud-based service that’s focused on advanced network security. It offers a zero-trust access (ZTA) solution for your remote workforce to give them fast and secure access to your corporate network.

You can deploy the Twingate VPN in your network or any of the popular cloud-based infrastructures through its lightweight connectors. It supports Amazon Web Services, Azure, Google Cloud Platform, SCIM, One Login as well as Linux server.

What sets Twingate apart is its user-friendly functionality and advanced security features that quietly run in the background and don’t impact user performance or latency.

Twingate’s features:

The security features offered by Twingate are quite similar to a business VPN and here are some of the best:

Split tunneling at the network resource level
Fast and easy set up with efficient management through a simple dashboard
Set software-based filters instead of gateways
Universal multi-level authentication that you can implement on anything including SSH
Real-time insights on user activity in the network
Strong device control to protect sensitive corporate data

Pricing:

Twingate offers a free starter package with a limited number of users and devices. For more advanced features there is:

Teams: $5/user/month, and
Business: $10/user/month.

If your company needs specialized access controls, then you can get a quote on the Enterprise Custom package.

Get Twingate Business VPN

4. TorGuard

If you’re looking for a simple and straightforward business VPN solution, then TorGuard would suit you the best. It’s a multi-platform VPN service (supports Windows, macOS, and mobile VPN apps) that allows you to access your company network or business data securely and from anywhere in the world.

With strict encryption and using the strongest protocols, TorGuard ensures there are no corporate data leaks and users connect securely with your network even if they’re using a public WiFi. Also, it offers a dedicated customer support team of account managers with sufficient tech know-how to help resolve your day-to-day issues.

TorGuard’s features:

TorGuard offers many network security features for businesses of all sizes. Some of these features include:

Professional account admin dashboard to manage users and other settings
Custom server setup available on different pricing plans
Unblock any app or online service with stealth VPN and proxy service
Tunnel encryption feature so every employee can have a secure access to the cloud
Add logo to the management panel to give it a professional look
Unlimited bandwidth and lightning fast speed

Pricing:

TorGuard comes with different pricing plans categorized in line with your specific business needs. These include:

Starter: $32/month (5 users),
Small: $69/month (10 users),
Medium: $110/month (15 users), and
Large: $169/month (20 users).

Get TorGuard Business VPN

5. StrongVPN

As the name suggests, StrongVPN comes with some powerful features for protecting your company’s privacy and securing business data. It’s a multi-platform VPN app that supports Windows, macOS, iOS, Android, Chromebook, and Linux etc.

One of the most interesting features of StrongVPN is that it allows you to connect with the WireGuard Protocol that gives faster speed, increased performance, and takes up less resources on your system. Also, your virtual teams can connect easily and with the utmost securely from any location, including public WiFi.

StrongVPN’s features:

Apart from the WireGuard Protocol, StrongVPN offers many other cool features including:

Strong DNS that lets you change your location for added privacy.
IP address masking so you can conceal your activities from third-party spying.
Zero logging that ensures your private and business data is never tracked, stored or sold.
Multi-platform service offering apps for many PC and mobile devices.

Pricing:

StrongVPN has two pricing plans based on how you want it to be billed. There are:

Monthly Plan: $10.99, and
Annual Plan: $3.66.

Additionally, if you opt for the Annual plan, you can avail a 30-day free trial with money-back guarantee.

Get StrongVPN Business VPN

FAQ

Why does my business need a VPN?

Businesses use VPNs to ensure the security of data transmissions, especially when employees are working remotely or using public Wi-Fi networks. VPNs help protect against data breaches, cyber threats, and ensure that remote access to the business network is secure and private.

How does a Business VPN differ from a personal VPN?

A Business VPN is designed to accommodate multiple users, offering advanced management features, dedicated servers, and the ability to integrate with enterprise IT infrastructure. In contrast, a personal VPN is intended for individual use, with a focus on privacy and bypassing geo-restrictions.

Can a Business VPN improve internet speed?

While a VPN encrypts data traffic, which can sometimes slow down the connection, the impact on internet speed is usually minimal. In some cases, it can bypass ISP throttling, potentially improving speed when accessing certain resources.

How do I choose the right Business VPN provider?

When choosing a Business VPN provider, consider factors like security features (encryption standards), server locations, bandwidth limits, user management capabilities, customer support, and compliance with industry regulations.

Is it difficult to set up a Business VPN?

Setting up a Business VPN can vary in complexity depending on the provider. Many offer user-friendly interfaces and support to assist with setup. It’s essential to follow the provider’s guidelines and, if necessary, consult with IT professionals to ensure proper configuration.

Are there any downsides to using a Business VPN?

While Business VPNs offer significant security benefits, they may introduce complexity in network management and can sometimes cause slower internet speeds due to encryption overhead. It’s important to select a reputable provider and configure the VPN properly to minimize these issues.

The post Best Business VPN Services for Enterprise Security appeared first on Hongkiat.

20 Essential Digital Tools for Freelancers

Hongkiat Lim — Fri, 18 Jul 2025 10:00:56 +0000

Freelancing has witnessed a significant upswing, with an increasing number of professionals choosing it for its autonomy and flexibility.

Freelancers represent a substantial segment of the global workforce, making impactful contributions across various sectors. Globally, an estimated 1.2 billion freelancers account for more than 34% of the worldwide workforce.

This article will guide you through the latest technological and software innovations designed to boost productivity, streamline workflows, and enhance communication for those pursuing independent careers in diverse domains. It emphasizes tools that are particularly useful for freelancers.

Project Management Tools

Project management tools are vital for a freelancer’s workflow, offering a unified platform to manage tasks, collaborate with clients and teams, and ensure projects are completed on schedule.

Related: More Project Management Tools

Monday.com

Monday.com is a project management tool that enhances team collaboration and project oversight. With its customizable boards and workflows, Monday.com meets a wide range of project management requirements.

Why It’s Great:

Visual Workspaces: Tailor boards and workflows for a visual snapshot of your projects.
Team Collaboration: Enable real-time collaboration with features for communication, file sharing, and updates.
Automation: Streamline your workflow and increase efficiency by automating repetitive tasks.

Pricing:

Basic Plan: /user/month.
Standard Plan: 0/user/month.
Pro Plan: 6/user/month.

Learn more about Monday.com

Trello

Trello is a project management tool designed for collaborative task organization and team coordination. Its user-friendly interface and adaptable framework make it a favored option for those seeking a visual and straightforward project management solution.

Why It’s Great:

Visual Boards: Organize tasks on boards for a comprehensive view of project status.
Flexible Card System: Customize cards to represent tasks, complete with due dates, attachments, and checklists.
Team Collaboration: Enhance teamwork with task assignments, comments, and file sharing within cards.

Pricing:

Free Plan: Access core features for basic project management needs.
Trello Business Class: 0/user/month when billed monthly.
Trello Enterprise: 7.50/user/month when billed monthly.

Learn more about Trello

Asana

Asana is a project management tool designed to enhance team collaboration and task organization. Its intuitive interface and extensive features make it an excellent choice for teams of various sizes.

Why It’s Great:

Task Organization: Easily categorize and prioritize tasks, fostering efficient project management.
Collaborative Features: Support team collaboration with task assignments, comments, and file sharing.
Project Visualization: Employ timeline and calendar views for a clear overview of project timelines and schedules.

Pricing:

Free Plan: Basic features suitable for small teams and individual use.
Asana Premium: 0.99/user/month.
Asana Business: 4.99/user/month.

Learn more about Asana

Financial Management Tools

Financial management tools are essential for freelancers to streamline invoicing, billing, and expense tracking, promoting financial stability and growth.

FreshBooks

FreshBooks is an accounting and invoicing software tailored for small businesses and freelancers, providing easy-to-use tools for efficient financial management.

Why It’s Great:

Invoicing and Payments: Enables the creation of professional invoices, facilitates payments, and automates recurring billing.
Expense Tracking: Simplifies the process of tracking expenses, making it easy to categorize and manage financial outgoings.
Time Tracking: Offers integrated time tracking to ensure accurate billing and effective project management.
Reporting: Generates comprehensive financial reports for a deeper understanding of business performance.

Pricing:

Lite: 1/month or 26.80/year
Plus: 8/month or 10.40/year
Premium: 5/month or 02.00/year

Learn more about FreshBooks

QuickBooks

QuickBooks is a accounting software tailored for small and medium-sized businesses, offering features for bookkeeping, invoicing, and financial reporting.

Why It’s Great:

Invoicing and Payments: Streamlines the creation of professional invoices and facilitates payment processing.
Expense Tracking: Simplifies the tracking and categorization of business expenses for precise financial records.
Financial Reporting: Provides the ability to generate detailed financial reports to assess business performance.
Tax Preparation: Aids in tax preparation by efficiently organizing financial data and transactions.

Pricing:

Simple Start: 3.94/month.
Essentials: 1.50/month.
Plus: 8.78/month.

Learn more about QuickBooks

Wave

Wave is a accounting software designed for small businesses, freelancers, and entrepreneurs, featuring tools for invoicing, accounting, and receipt tracking.

Why It’s Great:

Invoicing and Payments: Create and dispatch professional invoices and manage payments online.
Accounting Tools: Streamlines accounting with robust expense tracking and financial reporting capabilities.
Payroll Services: Offers integrated payroll services for streamlined salary and tax management.
Free Accounting Software: Provides a complimentary accounting solution with essential features.

Pricing:

Wave Accounting: Free.
Wave Invoicing: Free.
Wave Payroll: Offers payroll services with pricing tailored to location and business needs.

Learn more about Wave

Time Tracking and Productivity Tools

For freelancers, time is an invaluable resource. Time tracking tools provide insights into how time is spent, promoting better management and enhanced productivity.

Related: Check out our posts on time tracking tools that works on browser, or for Mac.

Toggl:

Toggl is a time-tracking and productivity tool tailored for both individuals and teams. With its straightforward interface and comprehensive reporting, Toggl aids users in understanding and optimizing their time.

Why It’s Great:

Time Tracking: Easily monitor time spent on tasks and projects with a straightforward timer.
Project Visualization: Gain insights into project timelines and team activities with detailed reports.
Integration: Seamlessly connect with various project management tools to enhance workflow tracking.

Pricing:

Free Plan: Essential time tracking features for individuals.
Toggl Starter: /user/month.
Toggl Business: 5/user/month.

Learn more about Toggl:

RescueTime

RescueTime is a tool designed to enhance productivity by helping individuals and teams understand and manage their digital habits. It analyzes computer usage to offer valuable insights into time management.

Why It’s Great:

Activity Tracking: Monitors and categorizes computer activities to shed light on time usage patterns.
Goal Setting: Enables users to set productivity goals and tracks progress, offering feedback for improvement.
Focus Metrics: Assesses focus and distraction levels to help optimize work habits and productivity.

Pricing:

Free Plan: Offers basic time tracking and productivity insights.
RescueTime Premium: 2/month or 8/year.

Learn more about RescueTime

Focus@Will

Focus@Will utilizes neuroscience and music to boost concentration and focus during work or study. It’s designed to enhance productivity through a personalized auditory environment.

Why It’s Great:

Neuroscience-Backed Music: Offers music channels scientifically designed to enhance focus and productivity.
Personalized Experience: Tailors music selections to individual preferences and task requirements.
Timer Functionality: Features customizable timers to structure work sessions and breaks effectively.

Pricing:

Free Plan: Provides limited access to features and music channels.
Focus@Will Plus: .49/month or 2.49/year.

Learn more about Focus@Will

Communication and Collaboration Tools

Effective communication is crucial for freelancers, especially when projects involve remote collaboration. Tools for communication and collaboration ensure smooth interactions with clients and team members.

Microsoft Teams

Microsoft Teams is an all-encompassing collaboration platform that integrates chat, video conferencing, file sharing, and app integration, creating a unified hub for teamwork within the Microsoft 365 ecosystem.

Why It’s Great:

Chat and Communication: Offers real-time chat and communication tools for continuous team interaction.
File Sharing: Enables integrated file sharing and collaborative document editing directly within the platform.
Video Conferencing: Provides comprehensive video conferencing capabilities for effective virtual meetings.
App Integration: Supports extensive integration with Microsoft 365 and a wide range of third-party applications.

Pricing:

Essentials Plan: /user/month.
Microsoft 365 Business Basic: /user/month.
Microsoft 365 Business Standard: 2.50/user/month.

Learn more about Microsoft Teams

Slack

Slack is a dynamic team collaboration platform that enhances communication through channels, direct messages, and integrations, fostering team connectivity and productivity.

Why It’s Great:

Channel-Based Communication: Organizes discussions into channels for efficient and structured team interactions.
Integration Hub: Offers extensive integrations with third-party apps to create a centralized workspace.
Direct Messaging: Enables direct messaging and file sharing for personalized or small group conversations.

Pricing:

Free Plan: Provides basic features suitable for small teams and casual users.
Slack Standard: .25/user/month.
Slack Business: 2.50/user/month.

Learn more about Slack

Dropbox

Dropbox is a cloud-based file storage and collaboration platform that enables users to securely store, access, and share files from any device.

Why It’s Great:

File Sync and Sharing: Ensures seamless file synchronization and sharing across various devices and with team members.
Collaborative Workspaces: Allows the creation of shared folders and files for collaborative workspaces.
Offline Access: Provides the ability to access files offline, ensuring continued productivity regardless of internet availability.

Pricing:

Basic Plan: Free, offering limited storage and features.
Dropbox Plus: .99/month.
Dropbox Business: 0/month.

Learn more about Dropbox

Online Portfolio Platforms

An online portfolio is a critical tool for freelancers, serving as a virtual showcase of their work, skills, and achievements to attract potential clients.

Behance

Behance is a leading platform for creative professionals to display their work, engage with a global creative community, and explore a wide array of inspirational projects.

Why It’s Great:

Portfolio Showcase: Offers a platform to create an attractive portfolio and present creative projects.
Community Connection: Engage with an international community of creatives for exposure and feedback.
Project Discovery: Explore and draw inspiration from a diverse range of creative projects.
Job Opportunities: Access various job openings and freelance opportunities within the creative field.

Pricing:

Startup Plan: 9/month.
Behance Pro Agent: 0/month (usage-based).

Learn more about Behance

Dribbble

ProGrade's New CFexpress Cards are Ready for High Resolution Image Capture videotutorial nofilmschool.com/progrades-new-…

rockkvid (@rockkvid) — Wed, 10 Jun 2020 09:09:49 +0000

ProGrade's New CFexpress Cards are Ready for High Resolution Image Capture videotutorial nofilmschool.com/progrades-new-…

Deity Connect Interview Kit Review – Affordable and Complete Wireless Package videogear cinema5d.com/deity-connect-…

rockkvid (@rockkvid) — Wed, 10 Jun 2020 03:09:49 +0000

Deity Connect Interview Kit Review – Affordable and Complete Wireless Package videogear cinema5d.com/deity-connect-…

You Can Now Use Panasonic LUMIX Cameras as a Webcam videohelp nofilmschool.com/panasonic-lumi…

rockkvid (@rockkvid) — Wed, 10 Jun 2020 03:09:49 +0000

You Can Now Use Panasonic LUMIX Cameras as a Webcam videohelp nofilmschool.com/panasonic-lumi…

GNARBOX 2.0 Software Update 2.6.0 – Integration with Frame.io videogear cinema5d.com/gnarbox-20-sof…

rockkvid (@rockkvid) — Wed, 10 Jun 2020 01:09:49 +0000

GNARBOX 2.0 Software Update 2.6.0 – Integration with Frame.io videogear cinema5d.com/gnarbox-20-sof…

Best Practices for Filmmakers Documenting the 2020 Demonstrations videotutorial nofilmschool.com/filmmaker-docu…

rockkvid (@rockkvid) — Tue, 09 Jun 2020 21:09:49 +0000

Best Practices for Filmmakers Documenting the 2020 Demonstrations videotutorial nofilmschool.com/filmmaker-docu…

Tactics4 | Holy Stone F181W Wifi FPV Drone with 720P Wide-Angle HD Camera Live Video RC Quadcopter with Altitude Hold, Gravity Sensor Function, RTF and Easy to Fly for Beginner, Compatible with VR Headset | is.gd/HdbMaa | @Tactics4Tweets

Josh Adams (@JoshQAdams84) — Tue, 09 Jun 2020 17:09:49 +0000

Tactics4 | Holy Stone F181W Wifi FPV Drone with 720P Wide-Angle HD Camera Live Video RC Quadcopter with Altitude Hold, Gravity Sensor Function, RTF and Easy to Fly for Beginner, Compatible with VR Headset | is.gd/HdbMaa | @Tactics4Tweets

Is Newton 3 the Ultimate AE Plugin? Here is Our Review videoproduction rocketstock.com/blog/newton-3-…

rockkvid (@rockkvid) — Tue, 09 Jun 2020 17:09:49 +0000

Is Newton 3 the Ultimate AE Plugin? Here is Our Review videoproduction rocketstock.com/blog/newton-3-…

30+ Films You Need to Watch About Race in America videohelp nofilmschool.com/2016/07/20-fil…

rockkvid (@rockkvid) — Tue, 09 Jun 2020 00:00:00 +0000

30+ Films You Need to Watch About Race in America videohelp nofilmschool.com/2016/07/20-fil…

5 Things You Need to Know About DaVinci Resolve's Fairlight videohowto nofilmschool.com/what-you-need-…