BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/eldoraui/safari-browser

safari-browser

eldoraui/safari-browser
FreeComponent

A safari browser component.

Live preview

live · rendered by the registry
Rendered by eldoraui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://eldoraui.site/r/safari-browser.json

Source

registry/eldoraui/safari-browser.tsxeldoraui.site/r/safari-browser.json · first 6 KB
1import type { SVGProps } from "react"
2
3export interface SafariProps extends SVGProps<SVGSVGElement> {
4 url?: string
5 src?: string
6 width?: number
7 height?: number
8}
9
10export function Safari({
11 src,
12 url,
13 width = 1203,
14 height = 753,
15 ...props
16}: SafariProps) {
17 return (
18 <svg
19 width={width}
20 height={height}
21 viewBox={`0 0 ${width} ${height}`}
22 fill="none"
23 xmlns="http://www.w3.org/2000/svg"
24 {...props}
25 >
26 <g clipPath="url(#path0)">
27 <path
28 d="M0 52H1202V741C1202 747.627 1196.63 753 1190 753H12C5.37258 753 0 747.627 0 741V52Z"
29 className="fill-[#E5E5E5] dark:fill-[#404040]"
30 />
31 <path
32 fillRule="evenodd"
33 clipRule="evenodd"
34 d="M0 12C0 5.37258 5.37258 0 12 0H1190C1196.63 0 1202 5.37258 1202 12V52H0L0 12Z"
35 className="fill-[#E5E5E5] dark:fill-[#404040]"
36 />
37 <path
38 fillRule="evenodd"
39 clipRule="evenodd"
40 d="M1.06738 12C1.06738 5.92487 5.99225 1 12.0674 1H1189.93C1196.01 1 1200.93 5.92487 1200.93 12V51H1.06738V12Z"
41 className="fill-white dark:fill-[#262626]"
42 />
43 <circle
44 cx="27"
45 cy="25"
46 r="6"
47 className="fill-[#E5E5E5] dark:fill-[#404040]"
48 />
49 <circle
50 cx="47"
51 cy="25"
52 r="6"
53 className="fill-[#E5E5E5] dark:fill-[#404040]"
54 />
55 <circle
56 cx="67"
57 cy="25"
58 r="6"
59 className="fill-[#E5E5E5] dark:fill-[#404040]"
60 />
61 <path
62 d="M286 17C286 13.6863 288.686 11 292 11H946C949.314 11 952 13.6863 952 17V35C952 38.3137 949.314 41 946 41H292C288.686 41 286 38.3137 286 35V17Z"
63 className="fill-[#E5E5E5] dark:fill-[#404040]"
64 />
65 <g className="mix-blend-luminosity">
66 <path
67 d="M566.269 32.0852H572.426C573.277 32.0852 573.696 31.6663 573.696 30.7395V25.9851C573.696 25.1472 573.353 24.7219 572.642 24.6521V23.0842C572.642 20.6721 571.036 19.5105 569.348 19.5105C567.659 19.5105 566.053 20.6721 566.053 23.0842V24.6711C565.393 24.7727 565 25.1917 565 25.9851V30.7395C565 31.6663 565.418 32.0852 566.269 32.0852ZM567.272 22.97C567.272 21.491 568.211 20.6785 569.348 20.6785C570.478 20.6785 571.423 21.491 571.423 22.97V24.6394L567.272 24.6458V22.97Z"
68 fill="#A3A3A3"
69 />
70 </g>
71 <g className="mix-blend-luminosity">
72 <text
73 x="580"
74// … truncated

What it pulls in

npm packages

  • react

Files it writes

  • registry/eldoraui/safari-browser.tsx

Facts

Registry
eldoraui
Type
registry:ui
Access
Free
Files written
1
Licence
the repository states none
First indexed
2026-08-03
Last confirmed
today

Go to the source

Docs on eldoraui eldoraui.site karthikmudunuri/eldoraui on GitHub Raw registry item This item as JSON

More from eldoraui

All 115 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
animated-badgeanimated-badgeeldorauiComponentsFree2 deps
animated-frameworksanimated-frameworkseldorauiComponentsFree2 deps
animated-grid-patternanimated-grid-patterneldorauiComponentsFree3 deps
animated-listanimated-listeldorauiComponentsFree1 dep
animated-shiny-buttonanimated-shiny-buttoneldorauiComponentsFree1 dep
blur-in-textblur-in-texteldorauiComponentsFree3 deps
browserbrowsereldorauiComponentsFree2 deps
card-flip-hovercard-flip-hovereldorauiComponentsFree1 dep
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex