Functions — github.com/SyntaxUI/syntaxui

hub / github.com/SyntaxUI/syntaxui / functions

Functions316 in github.com/SyntaxUI/syntaxui

⨍ Functions 316◇ Types & classes 48

↓ 44 callersFunctioncn

(...inputs: ClassValue[])

src/lib/utils.ts:4

↓ 6 callersFunctionremToPx

(remValue: number)

src/lib/remToPx.ts:1

↓ 5 callersFunctionmatchPath

(pathname: string, href: string)

src/components/Navigation.tsx:28

↓ 5 callersFunctiononKeywordsChange

(newKeywords: string[])

src/showcase/components/input/TagInput.tsx:13

↓ 4 callersFunctionuseIsInsideMobileNavigation

()

src/components/MobileNavigation.tsx:136

↓ 4 callersFunctionuseSectionStore

(selector: (state: SectionState) => T)

src/components/SectionProvider.tsx:150

↓ 3 callersFunctionclose

()

src/components/Search.tsx:332

↓ 3 callersFunctiongetRandomColor

()

src/showcase/effects/gradients/CustomGradientGenerator.tsx:77

↓ 2 callersFunctionformatName

(path: string)

src/components/code/ComponentPreview.tsx:29

↓ 2 callersFunctionspanVariantBuilder

(side: string)

src/showcase/components/toggle/LabeledToggle.tsx:31

↓ 2 callersFunctionuseInitialValue

(value: T, condition = true)

src/components/Navigation.tsx:23

↓ 2 callersFunctionuseSearchProps

()

src/components/Search.tsx:431

↓ 1 callersFunctionanimate

()

src/showcase/effects/EmojiConfetti.tsx:62

↓ 1 callersFunctioncheckVisibleSections

()

src/components/SectionProvider.tsx:70

↓ 1 callersFunctioncopyGradient

(gradient: string)

src/showcase/effects/gradients/GradientCards.tsx:160

↓ 1 callersFunctioncopyToClipboardWithMeta

(value: string, event?: Event)

src/components/icons/CopyButton.tsx:15

↓ 1 callersFunctioncreateSectionStore

(sections: Array<Section>)

src/components/SectionProvider.tsx:37

↓ 1 callersFunctionexcludeObjectExpressions

(tree)

src/mdx/search.mjs:24

↓ 1 callersFunctionfetchCode

()

src/components/code/CodeGroupFromFile.tsx:26

↓ 1 callersFunctionfetchStars

()

src/components/AnimatedBadge.tsx:13

↓ 1 callersFunctiongenerateCssGradient

({ shape, position, fromColor, viaColor, toColor, }: { shape: string position: string fromColo

src/lib/gradients.ts:19

↓ 1 callersFunctiongenerateStars

()

src/showcase/components/button/StarWarsButton.tsx:20

↓ 1 callersFunctiongenerateTailwindGradient

({ shape, direction, from, via, to, }: { shape: string direction: string from: string via?:

src/lib/gradients.ts:1

↓ 1 callersFunctiongetPlacementIndex

(index: number)

src/showcase/blocks/testimonial/AvatarTestimonial.tsx:31

↓ 1 callersFunctiongetRandomDirection

()

src/showcase/effects/gradients/CustomGradientGenerator.tsx:81

↓ 1 callersFunctiongetSections

(node)

src/mdx/rehype.mjs:61

↓ 1 callersFunctionhandleBlur

(event: React.FocusEvent<HTMLInputElement>)

src/showcase/components/input/TagInput.tsx:66

↓ 1 callersFunctionhandleImageChange

(index: number)

src/showcase/blocks/features/FeaturesWIthImage.tsx:48

↓ 1 callersFunctionhandleToggle

(index: number)

src/showcase/components/accordion/MinimalAccordion.tsx:82

↓ 1 callersFunctionisAtEnd

(placementIndex: number)

src/showcase/blocks/testimonial/AvatarTestimonial.tsx:43

↓ 1 callersFunctionisObjectExpression

(node)

src/mdx/search.mjs:17

↓ 1 callersFunctionreadDirectory

(dir: string, baseUrl: string)

src/app/sitemap.ts:10

↓ 1 callersFunctionreadFile

(filePath: string)

src/lib/readFile.ts:5

↓ 1 callersFunctionremoveKeyword

(indexToRemove: number)

src/showcase/components/input/TagInput.tsx:76

↓ 1 callersFunctiontrackEvent

(input: Event)

types/events.ts:23

↓ 1 callersFunctionupdateCanvasSize

()

src/showcase/effects/EmojiConfetti.tsx:33

↓ 1 callersFunctionuseAutocomplete

({ close }: { close: () => void })

src/components/Search.tsx:36

↓ 1 callersFunctionuseCodeGroup

()

src/components/code/CodeGroup.tsx:23

↓ 1 callersFunctionuseVisibleSections

(sectionStore: StoreApi<SectionState>)

src/components/SectionProvider.tsx:65

FunctionAccordion

({ items })

src/showcase/components/accordion/MinimalAccordion.tsx:79

FunctionAccordionExample

()

src/showcase/components/accordion/MinimalAccordion.tsx:124

FunctionAccordionItem

({ title, content, isExpanded, onToggle, })

src/showcase/components/accordion/MinimalAccordion.tsx:21

FunctionActivePageMarker

({ group, pathname, }: { group: NavGroup pathname: string })

src/components/Navigation.tsx:110

FunctionAnchor

({ id, inView, children, }: { id: string inView: boolean children: React.ReactNode })

src/components/Heading.tsx:43

FunctionAnchorIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/Heading.tsx:11

FunctionAnimatedBadge

()

src/components/AnimatedBadge.tsx:9

FunctionAnimatedLogoCloud

()

src/showcase/blocks/logo-cloud/AnimatedLogoCloud.tsx:55

FunctionAnimatedTabs

({ tabs, selected, setSelected, center, customID, icons = [], }: AnimatedTabsProps)

src/components/reusable/AnimatedTabs.tsx:63

FunctionAnimationCards

()

src/showcase/ui-group/AnimationCards.tsx:21

FunctionAvatar

()

src/showcase/blocks/testimonial/AvatarTestimonial.tsx:100

FunctionAvatarCarousel

({ avatarSize = 48, avatarSpacing = 8, avatars = defaultAvatars, }: { avatarSize?: number avatarSpac

src/showcase/blocks/testimonial/AvatarTestimonial.tsx:20

FunctionBackButton

({ href })

src/components/BackButton.tsx:9

FunctionBackgroundBricks

({ patternColor = '#fb3a5d', backgroundColor = 'transparent', className, fade = true, style, ...pr

src/showcase/effects/BackgroundBricks.tsx:11

FunctionBackgroundCross

({ crossColor = '#fb3a5d', backgroundColor = 'transparent', crossSize = 40, className, fade = true,

src/showcase/effects/BackgroundCross.tsx:13

FunctionBackgroundDots

({ dotSize = 1.2, dotColor = '#fb3a5d', backgroundColor = 'transparent', gap = 15, className, fade

src/showcase/effects/BackgroundDots.tsx:13

FunctionBackgroundGrid

({ color = '#fb3a5d', cellSize = '25px', strokeWidth = '3px', className, fade = true, ...props }:

src/showcase/effects/BackgroundGrid.tsx:11

FunctionBackgroundPlus

({ plusColor = '#fb3a5d', backgroundColor = 'transparent', plusSize = 60, className, fade = true,

src/showcase/effects/BackgroundPlus.tsx:11

FunctionBackgroundShift

({ shiftKey }: { shiftKey: string })

src/showcase/blocks/pricing/Pricing.tsx:160

FunctionBackgroundXO

({ plusColor = '#fb3a5d', backgroundColor = 'transparent', plusSize = 45, className, fade = true,

src/showcase/effects/BackgroundXO.tsx:13

FunctionBanner

()

src/app/(docs)/blocks/banner/page.tsx:10

FunctionBellIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/BellIcon.tsx:1

FunctionBlockCards

()

src/showcase/ui-group/BlockCards.tsx:39

FunctionBoltIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/BoltIcon.tsx:1

FunctionBookIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/BookIcon.tsx:1

FunctionBorderGlowButton

()

src/showcase/components/button/BorderGlowButton.tsx:5

FunctionBounceButton

()

src/showcase/components/button/BounceButton.tsx:5

FunctionBounceLoader

()

src/showcase/components/loaders/BounceLoader.tsx:1

FunctionButtonCards

()

src/showcase/ui-group/ButtonCards.tsx:92

FunctionButtonCards

()

src/showcase/ui-group/ToggleCards.tsx:43

FunctionButtonShapeTabs

()

src/showcase/components/tabs/ButtonShapeTabs.tsx:36

FunctionCSPostHogProvider

({ children }: { children: React.ReactNode })

src/app/providers.tsx:16

FunctionCalendarIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/CalendarIcon.tsx:1

FunctionCard

({ children, title, }: { children: React.ReactNode title: string })

src/showcase/ui-group/Card.tsx:1

FunctionCartIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/CartIcon.tsx:1

FunctionChatBubbleIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/ChatBubbleIcon.tsx:1

FunctionCheckIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/CheckIcon.tsx:1

FunctionChevronRightLeftIcon

( props: React.ComponentPropsWithoutRef<'svg'>, )

src/components/icons/ChevronRightLeftIcon.tsx:1

FunctionCircularProgress

({ value = 80, size = 70, strokeWidth = 7, fontSize = 14, })

src/showcase/playground/CircularProgress.tsx:11

FunctionClassicLoader

()

src/showcase/components/loaders/ClassicLoader.tsx:1

FunctionClipboardIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/ClipboardIcon.tsx:1

FunctionClipboardIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/code/CopyButton.tsx:62

FunctionCloseIcon

({ className, ...props }: { className?: string })

src/showcase/blocks/banner/CollapsibleBanner.tsx:5

FunctionCode

({ code: rawCode, language: rawLang, }: { code: string language: string })

src/components/code/Code.tsx:26

FunctionCodeGroup

({ children, title, noExpand, }: { children: React.ReactNode title?: string noExpand?: boolean })

src/components/code/CodeGroup.tsx:37

FunctionCodeGroupFromFile

({ path, title, }: { path: string title?: string })

src/components/code/CodeGroupFromFile.tsx:17

FunctionCogIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/CogIcon.tsx:1

FunctionCol

({ children, sticky = false, }: { children: React.ReactNode sticky?: boolean })

src/components/mdx.tsx:68

FunctionCollapsibleBanner

()

src/showcase/blocks/banner/CollapsibleBanner.tsx:24

FunctionColorPickerPopover

({ color, onChange, label, })

src/showcase/effects/gradients/CustomGradientGenerator.tsx:29

FunctionComponentCards

()

src/showcase/ui-group/ComponentCards.tsx:58

FunctionComponentPreview

({ path, className, align = 'center', preview, usingFramer, usingCn, ...props }: ComponentPrevie

src/components/code/ComponentPreview.tsx:49

FunctionComponentPreviewUsingCn

({ path, className, align = 'center', preview, usingFramer, ...props }: Omit<ComponentPreviewProps

src/components/code/ComponentPreview.tsx:208

FunctionConstellationLoader

()

src/showcase/components/loaders/ConstellationLoader.tsx:12

FunctionCookieBanner

()

src/showcase/blocks/banner/CookieBanner.tsx:1

FunctionCopyButton

({ value, className, src, variant = 'ghost', event, ...props }: CopyButtonProps)

src/components/icons/CopyButton.tsx:22

FunctionCopyButton

({ value, className, }: { value: string className?: string })

src/components/code/CopyButton.tsx:5

FunctionCopyIcon

(props: React.ComponentPropsWithoutRef<'svg'>)

src/components/icons/CopyIcon.tsx:1

FunctionCopyPasteButton

()

src/showcase/playground/CopyPasteButton.tsx:7

FunctionCounter

({ value, direction = 'up', }: { value: number direction?: 'up' | 'down' })

src/showcase/components/text/text-ticker/Counter.tsx:6

FunctionCustomGradientGenerator

()

src/showcase/effects/gradients/CustomGradientGenerator.tsx:47

next →1–100 of 316, ranked by callers