Quick Bits

Painting of David Bowie by AI

ArtHub Community Feed

Here is a feed collection of AI-generated art using text prompts on ArtHub
Screenshot of TextSniper App

Extract Text From Anywhere

This is hands down the best OCR app. Instantly capture unmarkable text from YouTube videos, PDFs, images, online courses, screencasts, presentations, web pages, video tutorials, photos, etc. It's as simple and easy as taking a screenshot.
Screenshot of web pages

Bricks Builder Plugins & Tutorials Directory

A simple directory of 3rd party plugins, add-ons, and resources for Bricks Builder.
Glass on the rgb colors

HEX to RGB converter

Add your hex code in the form and the tool will generate the RGB values.
Shoelace logo image


Awesome open-source web components for rapid UI development.
Abstract 3d render

CSS Glassmorphism generator

Use this online CSS Glass Effect generator and apply it to your web development.

Free Cookie Script

It is designed to help comply with the EU Cookie Law.Cookie script is free, fast and painless.
screenshot of the calculator

Modern fluid typography editor

Tool that would help developers visualize and fine-tune fluid typography behavior
Gradients swatches

Design Gradients

The free platform of linear gradients curated by designers to use as content backgrounds in any piece of digital art.
UI of gradient mesher app

Mesher by CSS hero

Here is another gradient generator. This one also comes with a WordPress plugin.
Circles of Gradients


WebGradients is a free collection of 180 linear gradients that you can use ascontent backdrops in any part of your website.
Typescale from small to largest size

Fluid Type Scale Calculator

Generate font size variables for a fluid type scale with CSS clamp.
Man looking at a laptop

Encode your email

You don't have to link directly to your email address on your website. Instead, link it to the encrypted version for better security.
UI screenshot of Clampster tool


Easily create dynamic and flexible font-sizing
Color palette

Color shade generator

Add your default hex value, and this tool will generate all of the shades.
Thumbnail images of figma design system examples

Great Design System Resource

A collection of Figma Design Systems from all over the world 🌎
drop shadow of man standing on a basketball court

DropShadow generator

Very simple and minimal drop shadow generator.
Screenshot of BOXY SVG app


Scalable vector graphics editor.

UI Buttons

Every style codes imaginable for you to use in your websites
Color rings on a wall

How to choose colors effectively

Here is a simple, scientific rule that can make your colors much nicer.