Edit fiddle - JSFiddle - React, Tailwind, and code Playground

JSFiddle - React, Tailwind, and code Playground

CSS

[colors]

# special
foreground      = #c5c8c6
foreground_bold = #93a1a1
cursor          = #657b83
#background      = #2f2b30

# black
color0  = #002b36
color8  = #657b83

# red
color1  = #cf0f38
color9  = #cb4b16

# green
color2  = #859900
color10 = #00853e

# yellow
color3  = #ffd204
color11 = #b58900

# blue
color4  = #268bd2
color12 = #009ddc

# magenta
color5  = #98005d
color13 = #6c71c4

# cyan
color6  = #2aa198
color14 = #85cebc

# white
color7  = #eee8d5
color15 = #fdf6e3

# 20% background transparency (requires a compositor)
background = rgba(47, 43, 48, 0.9)

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

All ads in the editor and listing pages are turned completely off.
Fiddle Pages

Your fiddles accessible under a custom domain and a vanity path - the simplest hosting for your personal project.
Use pre-released features

You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections

Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles

You can make as many Private Fiddles, and Private Collections as you wish!

JSFiddle - React, Tailwind, and code Playground

CSS

Please Whitelist JSFiddle in your content blocker.

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

Fiddle Pages

Use pre-released features

Fiddle collections

Private collections and fiddles

Get Fiddle Pages with PRO