Dev Design Library

Refine Frame

Reserved-aspect frame that walks any media through queued, generating, refining and complete without layout shift: each stage is one blur, saturate, scale and opacity tween, a soft band sweeps while it works, a chip reports the stage, and an error dims the picture behind a retry pill.

Refine Frame preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/RefineFrame
Files
  • src/content/Micro/RefineFrame/RefineFrame.css
  • src/content/Micro/RefineFrame/RefineFrame.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits