Background 1

pixelflow-ui/background-1

FreeComponent

pixelflow-ui publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by pixelflow-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://pixelflowui.lok1.dev/r/background-1.json

Source

src/registry/backgrounds/lyra/Background1.jsxpixelflowui.lok1.dev/r/background-1.json

1<div className="fixed inset-0 overflow-hidden top-0 left-0">
2  <div className="absolute -top-1/2 -left-1/2 w-full h-full bg-gradient-to-r from-gray-800/10 to-blue-400/10 rotate-12 animate-pulse"></div>
3  <div className="absolute -bottom-1/2 -right-1/2 w-full h-full bg-gradient-to-l from-blue-300/10 to-gray-700/10 -rotate-12 animate-pulse"></div>
4</div>

Files it writes

src/registry/backgrounds/lyra/Background1.jsx

More from pixelflow-ui

All 35 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordion Lyraaccordion-lyra	pixelflow-ui	Components	Free	3 deps
Accordion Novaaccordion-nova	pixelflow-ui	Components	Free	3 deps
Accordion Retroaccordion-retro	pixelflow-ui	Components	Free	3 deps
Background 1Retrobackground-1-retro	pixelflow-ui	Components	Free	no deps
Bouncy Input Lyrabouncy-input-lyra	pixelflow-ui	Components	Free	1 dep
Bouncy Input Novabouncy-input-nova	pixelflow-ui	Components	Free	1 dep
Bouncy Input Retrobouncy-input-retro	pixelflow-ui	Components	Free	1 dep
Button 1button-1	pixelflow-ui	Components	Free	no deps