Docs
Components
Dark
Light
System
An optimized image component with lazy loading and a skeleton
Displays a skeleton placeholder while the image is loading, ensuring a smooth UX.
Leverages Framer Motion for smooth and customizable animations.
className
Type:
string
Additional custom class for the Image component.
Default:
fullWidth
boolean
If `true`, the image takes the full width of its container. Passed to Skeleton.
isLoading
If `true`, a skeleton placeholder is shown while the image loads.
radius
"md" | "lg" | "none" | "sm" | "xl" | "full"
Defines the border radius of the image. Passed to Skeleton.
styles
CSSProperties
Inline styles for the image. Passed to Skeleton.
Built with Motion for smooth, customizable animations. Learn more about Motion
