Functions — github.com/birobirobiro/awesome-shadcn-ui

hub / github.com/birobirobiro/awesome-shadcn-ui / functions

Functions408 in github.com/birobirobiro/awesome-shadcn-ui

⨍ Functions 408◇ Types & classes 43

↓ 297 callersFunctioncn

(...inputs: ClassValue[])

src/lib/utils.ts:5

↓ 6 callersFunctioncategoryNameToSlug

(categoryName: string)

src/lib/slugs.ts:5

↓ 5 callersFunctionfetchAndParseReadme

()

src/hooks/use-readme.ts:137

↓ 4 callersFunctioncleanupIframe

()

src/hooks/use-website-preview.ts:90

↓ 4 callersFunctionuseCarousel

()

src/components/ui/carousel.tsx:35

↓ 4 callersFunctionuseSidebar

()

src/components/ui/sidebar.tsx:46

↓ 3 callersFunctiongetPayloadConfigFromPayload

( config: ChartConfig, payload: unknown, key: string, )

src/components/ui/chart.tsx:311

↓ 3 callersFunctionuseBookmarks

()

src/hooks/use-bookmark.ts:48

↓ 3 callersFunctionuseDebounce

(value: T, delay: number)

src/hooks/use-debounce.ts:25

↓ 2 callersFunctioncleanup

()

src/components/ui/marquee.tsx:59

↓ 2 callersFunctionformatResourceDate

(dateString: string)

src/lib/utils.ts:9

↓ 2 callersFunctionhandleClear

()

src/components/ui/multi-select.tsx:153

↓ 2 callersFunctionisGitHubUrl

(url: string)

src/components/item-page-content.tsx:53

↓ 2 callersFunctionloadScreenshot

()

src/hooks/use-website-preview.ts:69

↓ 2 callersFunctionnotify

()

src/components/ui/marquee.tsx:48

↓ 2 callersFunctionsetRef

* Set a given ref to a given value * This utility takes care of different types of refs: callback refs and RefObject(s)

src/lib/compose-refs.ts:9

↓ 2 callersFunctionslugToCategoryName

(slug: string)

src/lib/slugs.ts:14

↓ 2 callersFunctiontoggleOption

(option: string)

src/components/ui/multi-select.tsx:145

↓ 2 callersFunctionuseChart

()

src/components/ui/chart.tsx:27

↓ 2 callersFunctionuseComposedRefs

* A custom hook that composes multiple refs * Accepts callback refs and RefObject(s)

src/lib/compose-refs.ts:57

↓ 2 callersFunctionuseResizeObserverStore

( rootRef: React.RefObject<RootElement | null>, contentRef: React.RefObject<ContentElement | null>, orie

src/components/ui/marquee.tsx:216

↓ 1 callersFunctioncheckIframe

()

src/hooks/use-website-preview.ts:97

↓ 1 callersFunctionclearExtraOptions

()

src/components/ui/multi-select.tsx:162

↓ 1 callersFunctioncomposeRefs

* A utility to compose multiple refs together * Accepts callback refs and RefObject(s)

src/lib/compose-refs.ts:23

↓ 1 callersFunctioncreateResizeObserverStore

()

src/components/ui/marquee.tsx:32

↓ 1 callersFunctionfetchData

()

src/app/bookmarks/page.tsx:72

↓ 1 callersFunctionfindDuplicates

(allLines)

scripts/format-readme.js:68

↓ 1 callersFunctionfindGlobalDuplicate

* Scans the entire README and returns a duplicate error if the submission's * name or URL already appears in any section. Checking globally (not just

src/app/api/submit-resource/route.ts:29

↓ 1 callersFunctiongeneratePRBody

* Generates the PR body with formatted description and checklist.

src/app/api/submit-resource/route.ts:169

↓ 1 callersFunctiongenerateUniqueId

* Generates a unique ID for a resource, handling duplicates. * * @param baseName - The resource name to generate ID from * @param existingIds - Set

src/hooks/use-readme.ts:102

↓ 1 callersFunctiongetStars

()

src/components/github-stars.tsx:18

↓ 1 callersFunctioninsertResourceIntoReadme

* Inserts a new resource entry into the README markdown content. * * Features: * - Rejects duplicates (name or URL) found anywhere in the README *

src/app/api/submit-resource/route.ts:81

↓ 1 callersFunctionisValidDate

(dateString)

scripts/add-dates.js:22

↓ 1 callersFunctionitemSlotsFor

(itemsPerPage: number)

src/components/category-page-content.tsx:34

↓ 1 callersFunctionitemSlotsFor

(itemsPerPage: number)

src/components/items-list.tsx:22

↓ 1 callersFunctionitemSlotsFor

(itemsPerPage: number)

src/app/bookmarks/page.tsx:49

↓ 1 callersFunctionparseTableRow

* Parses a markdown table row into resource data. * * @param parts - Split parts of the table row * @param category - Current category being parsed

src/hooks/use-readme.ts:47

↓ 1 callersFunctionrenderFormStep

()

src/components/pr-submission-dialog.tsx:111

↓ 1 callersFunctionrenderSuccessStep

()

src/components/pr-submission-dialog.tsx:215

↓ 1 callersFunctiontitleToSlug

(title: string)

src/lib/slugs.ts:55

↓ 1 callersFunctionuseIsMobile

()

src/hooks/use-mobile.ts:21

↓ 1 callersFunctionuseMarqueeContext

(consumerName: string)

src/components/ui/marquee.tsx:260

↓ 1 callersFunctionusePRSubmission

()

src/hooks/use-pr-submission.ts:69

↓ 1 callersFunctionuseWebsitePreview

({ url, }: { url: string; })

src/hooks/use-website-preview.ts:47

FunctionAccordion

({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>)

src/components/ui/accordion.tsx:9

FunctionAccordionContent

({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>)

src/components/ui/accordion.tsx:64

FunctionAccordionItem

({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>)

src/components/ui/accordion.tsx:22

FunctionAccordionTrigger

({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>)

src/components/ui/accordion.tsx:35

FunctionAlert

({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>)

src/components/ui/alert.tsx:22

FunctionAlertAction

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/alert.tsx:66

FunctionAlertDescription

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/alert.tsx:50

FunctionAlertDialog

({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>)

src/components/ui/alert-dialog.tsx:9

FunctionAlertDialogAction

({ className, variant = "default", size = "default", ...props }: React.ComponentProps<typeof AlertDial

src/components/ui/alert-dialog.tsx:150

FunctionAlertDialogCancel

({ className, variant = "outline", size = "default", ...props }: React.ComponentProps<typeof AlertDial

src/components/ui/alert-dialog.tsx:168

FunctionAlertDialogContent

({ className, size = "default", ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> &

src/components/ui/alert-dialog.tsx:47

FunctionAlertDialogDescription

({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>)

src/components/ui/alert-dialog.tsx:134

FunctionAlertDialogFooter

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/alert-dialog.tsx:86

FunctionAlertDialogHeader

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/alert-dialog.tsx:70

FunctionAlertDialogMedia

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/alert-dialog.tsx:102

FunctionAlertDialogOverlay

({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>)

src/components/ui/alert-dialog.tsx:31

FunctionAlertDialogPortal

({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>)

src/components/ui/alert-dialog.tsx:23

FunctionAlertDialogTitle

({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>)

src/components/ui/alert-dialog.tsx:118

FunctionAlertDialogTrigger

({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>)

src/components/ui/alert-dialog.tsx:15

FunctionAlertTitle

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/alert.tsx:37

FunctionAspectRatio

({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>)

src/components/ui/aspect-ratio.tsx:5

FunctionAvatar

({ className, size = "default", ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & { size

src/components/ui/avatar.tsx:8

FunctionAvatarBadge

({ className, ...props }: React.ComponentProps<"span">)

src/components/ui/avatar.tsx:60

FunctionAvatarFallback

({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>)

src/components/ui/avatar.tsx:44

FunctionAvatarGroup

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/avatar.tsx:76

FunctionAvatarGroupCount

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/avatar.tsx:89

FunctionAvatarImage

({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>)

src/components/ui/avatar.tsx:28

FunctionBadge

({ className, variant = "default", asChild = false, ...props }: React.ComponentProps<"span"> & Varia

src/components/ui/badge.tsx:30

FunctionBookmarksError

({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; })

src/app/bookmarks/error.tsx:8

FunctionBookmarksLoading

()

src/app/bookmarks/loading.tsx:3

FunctionBookmarksPage

()

src/app/bookmarks/page.tsx:54

FunctionBreadcrumb

({ className, ...props }: React.ComponentProps<"nav">)

src/components/ui/breadcrumb.tsx:7

FunctionBreadcrumbEllipsis

({ className, ...props }: React.ComponentProps<"span">)

src/components/ui/breadcrumb.tsx:90

FunctionBreadcrumbItem

({ className, ...props }: React.ComponentProps<"li">)

src/components/ui/breadcrumb.tsx:31

FunctionBreadcrumbLink

({ asChild, className, ...props }: React.ComponentProps<"a"> & { asChild?: boolean; })

src/components/ui/breadcrumb.tsx:41

FunctionBreadcrumbList

({ className, ...props }: React.ComponentProps<"ol">)

src/components/ui/breadcrumb.tsx:18

FunctionBreadcrumbPage

({ className, ...props }: React.ComponentProps<"span">)

src/components/ui/breadcrumb.tsx:59

FunctionBreadcrumbSeparator

({ children, className, ...props }: React.ComponentProps<"li">)

src/components/ui/breadcrumb.tsx:72

FunctionButton

({ className, variant = "default", size = "default", asChild = false, ...props }: React.ComponentPro

src/components/ui/button.tsx:42

FunctionButtonGroup

({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVari

src/components/ui/button-group.tsx:24

FunctionButtonGroupSeparator

({ className, orientation = "vertical", ...props }: React.ComponentProps<typeof Separator>)

src/components/ui/button-group.tsx:60

FunctionButtonGroupText

({ className, asChild = false, ...props }: React.ComponentProps<"div"> & { asChild?: boolean; })

src/components/ui/button-group.tsx:40

FunctionCalendar

({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost",

src/components/ui/calendar.tsx:19

FunctionCalendarDayButton

({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & { locale?

src/components/ui/calendar.tsx:190

FunctionCard

({ className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" })

src/components/ui/card.tsx:5

FunctionCardAction

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/card.tsx:59

FunctionCardContent

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/card.tsx:72

FunctionCardDescription

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/card.tsx:49

FunctionCardFooter

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/card.tsx:82

FunctionCardHeader

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/card.tsx:23

FunctionCardTitle

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/card.tsx:36

FunctionCarousel

({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }: React.Com

src/components/ui/carousel.tsx:45

FunctionCarouselContent

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/carousel.tsx:135

FunctionCarouselItem

({ className, ...props }: React.ComponentProps<"div">)

src/components/ui/carousel.tsx:156

FunctionCarouselNext

({ className, variant = "outline", size = "icon-sm", ...props }: React.ComponentProps<typeof Button>)

src/components/ui/carousel.tsx:204

FunctionCarouselPrevious

({ className, variant = "outline", size = "icon-sm", ...props }: React.ComponentProps<typeof Button>)

src/components/ui/carousel.tsx:174

next →1–100 of 408, ranked by callers