Omatsuri is a progressive web application with 12 open source frontend-focused tools. Omatsuri translates to «festival» from Japanese (お祭り) and here we have a small festival of applications.

Vitaly Rtishchev

Omatsuri

Curated Talks is a web application that fetches, categorizes, and curates data about the latest conferences and tech talks.

Diogo Capela

Curated Talks

Shake is a bug reporting tool for mobile apps.

Marko Strizic

Shake

A visual tool that provides naming-suggestions for CSS classes using BEM naming convention.

Nils Binder

BEM Cheat Sheet

Keyboard-driven commands to navigate your mac apps faster.

No more funny breaks visiting dock just to move between apps!

Switch's keyboard-centric interface allows for quick navigation between different applications.

Victor Aremu

Switch for macOS

Flowgator takes your Webflow design and makes a commit to previously created repository. This way, you can track what changes have been done to the code and quickly copy/paste it into your project.

Export Webflow project to Github repository on autopilot. Just hit publish in Webflow Dashboard and HTML, CSS, JS, and images will be exported to Github.

Erbert

Flowgator

Hundreds of beautiful and responsive UI components, premade and ready to use for your next ReactJS project.

Made with Chakra UI and Framer Motion.

Saša Šijak

React UI Boutique

ConnectDome is a platform that solves your project dead-ends.

It helps you match with developers, designers, projects and ideas on the premise of building something together.

Arhaan Ahmad

ConnectDome

Video to Markdown is a small tool that helps you convert a video URL to markdown code quickly and easily.

Marco Montalbano

Video to Markdown

Colour Contrast Checker is a web application that lets you check the contrast between different color combinations against WCAG standards.

Alex Clapperton

Colour Contrast Checker

Keyframes help you write better CSS. Create basic or complex CSS keyframe animations with a visual timeline editor similar to video-editing software, single or multi-layer box shadows just by moving some sliders, convert between hex and RGB, and save palettes.

Mitch Samuels

Keyframes

By properly configuring a few key input attributes, you can make web forms much easier to use on mobile devices.

Experiment with different combinations of the related type and inputmode attributes, and make sure to specify an autocomplete attribute for an optimized user experience.

Alex Holachek

Better Mobile Inputs

A tool that helps you determine the correct react-spring config for your animations.

Joost Kiens

React Spring visualizer

VS Code to Prism Themes is a small web tool that helps you convert your VS Code theme to Prism CSS or React components.

Sara Vieira

VS Code to Prism Themes

YAML Checker helps you validate your YAML file content with syntax highlighting and helpful error messages.

Ryan Anderson

YAML Checker

Save your penny and time creating from scratch, use these diverse Icon set to complete your awesome design.

Ardias Elga Kurnia

Piko Rizky Dwinanto

Iconhub

Generate beautiful blob shapes for web and Flutter apps.

Lokesh Rajendran

Blobs

Snippet Shot is a small tool that helps you generate screenshots from code snippets.

Marco Slooten

Snippet Shot

No matter if you are using TailwindCSS or just plain CSS, Gradient Designer helps you make beautiful gradients.

Jens Törnell

Gradient Designer

Web Code Tools is a collection of useful tools for web developers, including CSS, HTML, microdata, JSON-LD, meta-tags, open graph, and more.

Jason Macfarlane

Web Code Tools

Generate Data helps you quickly generate large volumes of custom data in a variety of formats.

Ben Keen

Generate Data

OpenGraph allows you to preview and generate Open Graph meta tags for your website.

Yuyu

OpenGraph

Embedded Google Fonts allows you to embed base64 encoded google fonts into CSS.

Amio Jin

Embedded Google Fonts

Box Shadows allows you to interactively create box shadows and get the CSS to generate them.

Mike McBride

David Leininger

Box Shadows

Device Shots is a web application that allows you to generate high-resolution device mockups with the screenshot of your website or mobile application, for free.

Device Shots

UITest allows you to test your website in more than 80 free web-based tools.

Jens Oliver Meiert

UITest

Patternico is a web application that allows you to generate beautiful background patterns.

Patternico

Quickly generate custom placeholder images for your design and development projects.

Dylan Smith

Better Placeholder

Userfront offers an auth framework without complexity with SSO, access control, multi-tenancy, and more. Giving you secure, standards-based authentication & authorization with a focus on simple setup, testing, and administration.

Tyler

Userfront

1 LOC is a collection of JavaScript single line of code utilities.

Phuoc Nguyen

1 LOC

Simplify documentation and avoid heavy tools when generating flowcharts, sequence diagrams, class diagrams, and more.

0xADADA

Mermaid Live Editor

BrowserFrame is the easiest way to wrap screenshots in browser frames. It supports multiple browsers, operating systems, and themes.

Philip Bergqvist

BrowserFrame

CSS Layout is a collection of popular layouts and patterns made with CSS.

CSS Layout

CSS 2 JS helps you transform between CSS, JavaScript objects, and JSX props.

CSS 2 JS

Can I Include is a tool that helps you understand which tag you can include in another using the WhatWG HTML specification.

Developer Tools