Frontend Tools & Widgets

Collection of frontend HTML/CSS/Javascript projects, widgets & standalone tools.

Tip: press / to focus search

Personal Palette Generator

color tools

Choose your favorites with color picker + generate your custom palette

Pixel Art Palette Extractor

color tools

Upload pixel art ---> color palette extracted

Link List Generator

code generators

HTML list of links generator with optional CSS class + placeholder text.

Offline ChatGPT

browser tools

Load + browse your ChatGPT conversations.json offline.

Scratch-It Generator

code generators

Upload your own image and generate a scratch-it card.

Button Generator

code generators

Yet another frontend button generator. Export as code or PNG.

Snippet Saver

browser tools

Save + delete notes & snippets right in the browser.

Which Philosophical Movements Align With You?

quizzes

A fun + informative philosophy quiz.

Poetry Squared

writing tools

Challenge yourself to write a poem that reads the same both horizontally + vertically.

Quote Graphic Generator

image generators

Enter favorite quotes + choose font + pick gradient colors = export image.

Random Color Palette

color tools

Dead simple random color palette generator.

Rhyme Finder

writing tools

Advanced search for rhyming words via the Datamuse API.

Pixel Drawing Board

art tools

Drawing board + editor for creating + exporting pixel art.

Hero Diagram Generator

image generators

Generate custom pipeline visualizations + export as SVG.

Editable Table Generator

code generators

Columns + rows + headings = generate HTML table. Click in any table cell to edit content.

Placeholder Image Generator

image generators

Input dimensions + prompt + style = placeholder image

Cookbook Formatter

writing tools

Easily format + generate Kindle-ready cookbooks.

Voice Recorder

browser tools

Record + download audio and voice notes right in the browser.

Folder Structure Visualizer

image generators

Create directory tree diagrams of your projects + export as .txt, .json, .md, PNG or SVG.

Presentation Slide Designer

browser tools

Basic slide editor + designer in the browser.

Static Calendar Generator

browser tools

Upload an .ics file and generate a static archive of your Google Calendar.

Google Dependency Audit

browser tools

Auditing tool that helps you make a plan for your data beyond Google.

Github Topic Cloud Generator

code generators

Enter any Github username to generate a tag cloud of their most frequently used Topics.