Playground

Paste any JSX. Toggle loading. See the skeleton. This is the fastest way to verify Skeleto works for your component before installing.

JSX

<div className="flex gap-4 p-5 rounded-xl bg-white border"> <img src="https://i.pravatar.cc/96?u=ada" alt="" className="w-16 h-16 rounded-full" /> <div className="flex-1 flex flex-col gap-2"> <span className="text-lg font-semibold">Ada Lovelace</span> <span className="text-sm text-gray-500"> Mathematician, writer, and arguably the first computer programmer. </span> </div> </div>

Preview

Loading content

Ada LovelaceMathematician, writer, and arguably the first computer programmer.

Note: this in-browser compiler accepts JSX with React.createElement / Fragment shorthand. Component names referenced in your JSX must be defined globally — for the playground, stick to host elements (div, img, span, etc.).