OtoDev | code | OtoDev - Curated links for web developers

View source

Inspect HTML online.

code html

globster

Test and visualize results of glob patterns matching.

code Command line

Code Movie

Turn frames of code into a smooth animation.

animation code gif image

Mermaid

Generate flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs using a Markdownish syntax

code image svg

Pixel Corners

Generate pixelated rounded corners for your website using CSS clip-path

code css

Border Radius

Simple border radius generator

code css

d2d

Data and format conversion tool

code data transformation

Array Builder

Array Builder is a simple, free tool to visualize the returned values of array transformations & computations made from map/filter/reduce

code javascript

GenerateWP.com

User friendly tools for WordPress developers.

code wordpress

Chalk.ist

Create beautiful images of your source code.

code image misc

feed-generator.app

Generate RSS, Atom and JSON feeds.

code misc rss

Sassed

Transform SCSS to CSS

code css

Primer

Create cohesive, consistent, and accessible color palettes.

code color

Package Diff

Display a diff between two versions of the same npm package

code javascript npm

SlideCodeHighlighter

Create syntax-highlighted code for your slide decks.

code image misc

ray.so

Create beautiful images of your code

code image

Diffr

Find differences between two pieces of text/code

code

CodeImg.io

Create beautiful images of source code

code image

Code to Image

Generate beautiful and customizable images of code.

code image

AST explorer

Explore the ASTs generated by various parsers

code javascript