Your website holds your design tokens

Design tokens are the smallest parts of your design: colors, typography, spacing etc. With them you can make consistent experiences across different parts of your website and app and even across projects.
Use them anywhere

Superposition extracts the design tokens your site already has and exports them to CSS, Scss, JavaScript, Figma and Adobe XD with Sketch, Swift and Android exports on the way.

From the overview of each group, simply click on a token to add the CSS value to your clipboard for easy usage.

Kilian Valkhof

Superposition

A standalone browser to guide your web development workflow every step of the way. Built-in tools for responsive design, accessibility, meta information and so much more.

Polypane

Batteryless Graphene portable power that does not pollute.Can be recharged up to 500,000 times. Saves money over constant battery replacement. More power in a small footprint that has no connectors to break and can be connected in total darkness without the worry of wrong connection A complete family of green products for the whole family that covers many many market sectors

AttractionNaction Incorporated

MailNinja is an email marketing agency based in the UK that provides email marketing service to a global market. Our pay-as-you-go model allows people to scale up and down as they need, without any contracts or setup fees.

MailNinja

Taskade is the all-in-one collaboration platform for remote teams. Unleash unlimited team productivity with task lists, mindmaps, and video chat, in one unified workspace. Taskade is available on Web, Mobile, and Desktop. Taskade is free to use for individuals and teams.

Taskade

Join the thousands who are getting the Computer Science skills employers are actually looking for.

Boot camp graduates and self-taught developers have flooded the job market with thousands of entry-level developers. It’s now harder to find junior-level jobs, and you’ll hit a career ceiling quickly if you never learned computer science fundamentals.

University degrees take four years and cost thousands of dollars. We'll get you what you need to find a successful development job on your schedule for pennies.

Lane

Qvault

Greetings Everyone😊,
I was a freelance web designer for 2 years and a lot of my time would involve cool looking websites. Often, I’d use a tool like Evernote to capture great designs and write notes about them. These notes usually involved the color palette and fonts used. It got extremely tedious continually ‘inspecting’ websites and typing up notes - I really didn’t have the time. Then is when I thought about building a micro-SaaS app that can solve this.

Yizy uses a web browser extension to bookmark a website, take a screenshot of the current page and automatically pull in relevant information, such as color palettes and CSS property, from the page source. It also allows you to put both Comment and CSS annotations on your screenshots and images. The CSS annotation includes CSS properties of any selected part of a web page being screenshot (pulled automatically from the website).

On your dashboard, you will see three Categories: Inspirations, Sources and Collections. Any screenshot or image uploaded on Yizy is found in Inspirations. The URLs (website addresses) saved can be found in Sources. Collections is like a folder for Inspirations (e.g. Images) and Sources (e.g. URL) you wish to save in. Every Inspiration, Source, or Collection is taggable and can be easily searched in the “Search” toolbar by either Keyword or Tag or both.
I really appreciate your feedback and taking the time to check it out!

Yobiela

Yizy

Quickly format or minify JSON using keyboard shortcuts and find the app swiftly using the system-wide search after installation using PWA

Alexandru Năstase

JSON Formatter Live

Do you have domain names that are not being used?

Newsy converts your unused domain names into a fully functional and automated content aggregator (think of Reddit!) with absolutely zero coding.

Simply connect your domain to a Newsy site that you create, select niche keywords targeted for your domain and Newsy will start displaying quality contents with built-in features like membership, newsletter, social features, comments, widgets, RSS etc.

The best part of Newsy is that you can also monetize your site. Bring your own ads and add them to various places to start monetizing your domains.

Eric Bae

Newsy

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