Image

zippystarter/image

FreeComponent

An image element you can use with any framework

Live preview

live · rendered by the registry

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

Install it

npx shadcn@latest add https://zippystarter.com/r/image.json

Source

src/registry/zippystarter/components/image/index.tsxzippystarter.com/r/image.json

1/**
2 * TODO: Update this component to use your client-side framework's image component.
3 */
4 
5import React, { forwardRef } from "react";
6 
7export type ImageProps = React.ComponentPropsWithoutRef<"img">;
8 
9export const Image = forwardRef(function Image(
10  props: ImageProps,
11  ref: React.ForwardedRef<HTMLImageElement>
12) {
13  return <img {...props} ref={ref} />;
14});

Files it writes

src/registry/zippystarter/components/image/index.tsx

More from zippystarter

All 77 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Avataravatar	zippystarter	Components	Free	1 dep · 2 files
Containercontainer	zippystarter	Components	Free	no deps
Linklink	zippystarter	Components	Free	no deps