Shapes
Use our custom shapes to add on your pages.
Dot
<div className="shape bg-dot yellow w-18 h-18" />
<div className="shape bg-dot orange w-18 h-18" />
<div className="shape bg-dot red w-18 h-18" />
<div className="shape bg-dot pink w-18 h-18" />
<div className="shape bg-dot violet w-18 h-18" />
<div className="shape bg-dot purple w-18 h-18" />
<div className="shape bg-dot blue w-18 h-18" />
<div className="shape bg-dot aqua w-18 h-18" />
<div className="shape bg-dot green w-18 h-18" />
<div className="shape bg-dot leaf w-18 h-18" />
<div className="shape bg-dot navy w-18 h-18" />
<div className="shape bg-dot fuchsia w-18 h-18" />
<div className="shape bg-dot sky w-18 h-18" />
<div className="shape bg-dot grape w-18 h-18" />
<div className="shape bg-dot ash w-18 h-18" />
<div className="shape bg-dot white w-18 h-18" />
Line
<div className="shape bg-line yellow w-18 h-18" />
<div className="shape bg-line orange w-18 h-18" />
<div className="shape bg-line red w-18 h-18" />
<div className="shape bg-line pink w-18 h-18" />
<div className="shape bg-line violet w-18 h-18" />
<div className="shape bg-line purple w-18 h-18" />
<div className="shape bg-line blue w-18 h-18" />
<div className="shape bg-line aqua w-18 h-18" />
<div className="shape bg-line green w-18 h-18" />
<div className="shape bg-line leaf w-18 h-18" />
<div className="shape bg-line navy w-18 h-18" />
<div className="shape bg-line fuchsia w-18 h-18" />
<div className="shape bg-line sky w-18 h-18" />
<div className="shape bg-line grape w-18 h-18" />
<div className="shape bg-line ash w-18 h-18" />
<div className="shape bg-line white w-18 h-18" />
<div className="shape bg-line yellow rounded-circle w-18 h-18" />
<div className="shape bg-line orange rounded-circle w-18 h-18" />
<div className="shape bg-line red rounded-circle w-18 h-18" />
<div className="shape bg-line pink rounded-circle w-18 h-18" />
<div className="shape bg-line violet rounded-circle w-18 h-18" />
<div className="shape bg-line purple rounded-circle w-18 h-18" />
<div className="shape bg-line blue rounded-circle w-18 h-18" />
<div className="shape bg-line aqua rounded-circle w-18 h-18" />
<div className="shape bg-line green rounded-circle w-18 h-18" />
<div className="shape bg-line leaf rounded-circle w-18 h-18" />
<div className="shape bg-line fuchsia rounded-circle w-18 h-18" />
<div className="shape bg-line sky rounded-circle w-18 h-18" />
<div className="shape bg-line grape rounded-circle w-18 h-18" />
<div className="shape bg-line dark rounded-circle w-18 h-18" />
<div className="shape bg-line ash rounded-circle w-18 h-18" />
Solid
All background color options (solid, soft, pale) are available to use.
<div className="shape bg-soft-yellow w-18 h-18" />
<div className="shape bg-soft-orange w-18 h-18" />
<div className="shape bg-soft-red w-18 h-18" />
<div className="shape bg-soft-pink w-18 h-18" />
<div className="shape bg-soft-violet w-18 h-18" />
<div className="shape bg-soft-purple w-18 h-18" />
<div className="shape bg-soft-blue w-18 h-18" />
<div className="shape bg-soft-aqua w-18 h-18" />
<div className="shape bg-soft-green w-18 h-18" />
<div className="shape bg-soft-leaf w-18 h-18" />
<div className="shape bg-soft-navy w-18 h-18" />
<div className="shape bg-soft-fuchsia w-18 h-18" />
<div className="shape bg-soft-sky w-18 h-18" />
<div className="shape bg-soft-grape w-18 h-18" />
<div className="shape bg-soft-ash w-18 h-18" />
<div className="shape bg-soft-white w-18 h-18" />
<div className="shape bg-soft-yellow rounded-circle w-18 h-18" />
<div className="shape bg-soft-orange rounded-circle w-18 h-18" />
<div className="shape bg-soft-red rounded-circle w-18 h-18" />
<div className="shape bg-soft-pink rounded-circle w-18 h-18" />
<div className="shape bg-soft-violet rounded-circle w-18 h-18" />
<div className="shape bg-soft-purple rounded-circle w-18 h-18" />
<div className="shape bg-soft-blue rounded-circle w-18 h-18" />
<div className="shape bg-soft-aqua rounded-circle w-18 h-18" />
<div className="shape bg-soft-green rounded-circle w-18 h-18" />
<div className="shape bg-soft-leaf rounded-circle w-18 h-18" />
<div className="shape bg-soft-fuchsia rounded-circle w-18 h-18" />
<div className="shape bg-soft-sky rounded-circle w-18 h-18" />
<div className="shape bg-soft-grape rounded-circle w-18 h-18" />
<div className="shape bg-soft-dark rounded-circle w-18 h-18" />
<div className="shape bg-soft-ash rounded-circle w-18 h-18" />
Doodles
<div className="shape bg-line yellow w-18 h-18" />
<div className="shape bg-line orange w-18 h-18" />
<div className="shape bg-line red w-18 h-18" />
<div className="shape bg-line pink w-18 h-18" />
<div className="shape bg-line violet w-18 h-18" />
<div className="shape bg-line purple w-18 h-18" />
<div className="shape bg-line blue w-18 h-18" />
<div className="shape bg-line aqua w-18 h-18" />
<div className="shape bg-line green w-18 h-18" />
<div className="shape bg-line leaf w-18 h-18" />
<div className="shape bg-line navy w-18 h-18" />
<div className="shape bg-line fuchsia w-18 h-18" />
<div className="shape bg-line sky w-18 h-18" />
<div className="shape bg-line grape w-18 h-18" />
<div className="shape bg-line ash w-18 h-18" />
<div className="shape bg-line white w-18 h-18" />
<div className="shape bg-line yellow rounded-circle w-18 h-18" />
<div className="shape bg-line orange rounded-circle w-18 h-18" />
<div className="shape bg-line red rounded-circle w-18 h-18" />
<div className="shape bg-line pink rounded-circle w-18 h-18" />
<div className="shape bg-line violet rounded-circle w-18 h-18" />
<div className="shape bg-line purple rounded-circle w-18 h-18" />
<div className="shape bg-line blue rounded-circle w-18 h-18" />
<div className="shape bg-line aqua rounded-circle w-18 h-18" />
<div className="shape bg-line green rounded-circle w-18 h-18" />
<div className="shape bg-line leaf rounded-circle w-18 h-18" />
<div className="shape bg-line fuchsia rounded-circle w-18 h-18" />
<div className="shape bg-line sky rounded-circle w-18 h-18" />
<div className="shape bg-line grape rounded-circle w-18 h-18" />
<div className="shape bg-line dark rounded-circle w-18 h-18" />
<div className="shape bg-line ash rounded-circle w-18 h-18" />
Think unique and be creative. Make a difference with Sandbox.
Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.
Buy Sandbox