Functions — github.com/SyntaxUI/syntaxui

hub / github.com/SyntaxUI/syntaxui / functions

Functions316 in github.com/SyntaxUI/syntaxui

⨍ Functions 316◇ Types & classes 48

FunctionDiscordIcon

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

src/showcase/blocks/footer/MinimalSocialsFooter.tsx:24

FunctionDiscordIcon

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

src/icons/discord.tsx:1

FunctionDocumentIcon

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

src/components/icons/DocumentIcon.tsx:1

FunctionDropCharacters

({ text, className = '', })

src/showcase/components/text/text-drop/DropCharacters.tsx:11

FunctionEcoModeButton

()

src/showcase/components/button/EcoModeButton.tsx:7

FunctionEffectCards

()

src/showcase/ui-group/EffectCards.tsx:36

FunctionEmojiConfetti

()

src/showcase/effects/EmojiConfetti.tsx:18

FunctionEnvelopeIcon

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

src/components/icons/EnvelopeIcon.tsx:1

FunctionEyebrow

({ tag, label }: { tag?: string; label?: string })

src/components/Heading.tsx:25

FunctionFaceSmileIcon

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

src/components/icons/FaceSmileIcon.tsx:1

FunctionFeaturesGrid

()

src/showcase/blocks/features/FeaturesWithHeading.tsx:58

FunctionFeaturesGrid

()

src/showcase/blocks/features/FeaturesGrid.tsx:79

FunctionFeaturesWithHeading

()

src/showcase/blocks/features/FeaturesWithHeading.tsx:82

FunctionFloatingBanner

()

src/showcase/blocks/banner/FloatingBanner.tsx:3

FunctionFolderIcon

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

src/components/icons/FolderIcon.tsx:1

FunctionFooter

()

src/components/Footer.tsx:140

FunctionFooter

()

src/showcase/blocks/footer/MinimalCenteredFooter.tsx:58

FunctionFooterBanner

()

src/components/Footer.tsx:120

FunctionFramerLogo

(props: SVGProps<SVGSVGElement>)

src/components/Logos/Framer.tsx:4

FunctionGitHubIcon

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

src/showcase/blocks/footer/MinimalSocialsFooter.tsx:4

FunctionGitHubIcon

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

src/icons/github.tsx:3

FunctionGradientCards

()

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

FunctionGradientFillButton

()

src/showcase/components/button/GradientFillButton.tsx:1

FunctionHeading

({ children, tag, label, level, anchor = true, ...props }: React.ComponentPropsWithoutRef<`h${Leve

src/components/Heading.tsx:69

FunctionHeading

()

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

FunctionHeartbeatButton

()

src/showcase/components/button/HeartbeatButton.tsx:1

FunctionHighlightQuery

({ text, query }: { text: string; query: string })

src/components/Search.tsx:154

FunctionHome

()

src/app/page.tsx:14

FunctionHoverAnimationCards

()

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

FunctionHoverAnimationCards

()

src/showcase/ui-group/HoverAnimationCards.tsx:42

FunctionHoverJiggleButton

()

src/showcase/animations/hover/HoverJiggleButton.tsx:1

FunctionHoverPopButton

()

src/showcase/animations/hover/HoverPopButton.tsx:1

FunctionHoverPulseButton

()

src/showcase/animations/hover/HoverPulseButton.tsx:1

FunctionHoverSpring

()

src/showcase/blocks/features/HoverSpringFeatures.tsx:44

FunctionHoverTadaButton

()

src/showcase/animations/hover/HoverTadaButton.tsx:1

FunctionHoverVibrateButton

()

src/showcase/animations/hover/HoverVibrateButton.tsx:1

FunctionIconTabs

({ center }: { center?: boolean })

src/showcase/components/tabs/IconTabs.tsx:85

FunctionIconToggle

({ onToggle, }: { onToggle?: (toggled: boolean) => void })

src/showcase/components/toggle/IconToggle.tsx:6

FunctionImageFade

()

src/showcase/effects/ImageFade.tsx:3

FunctionImageSection

()

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

FunctionInfoIcon

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

src/components/mdx.tsx:33

FunctionLabel

({ children, isOn })

src/showcase/components/toggle/SlideToggle.tsx:23

FunctionLabeledToggle

({ onToggle, initialToggleOn = true, disableText, }: { onToggle?: (toggled: boolean) => void initial

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

FunctionLayout

({ children, allSections, }: { children: React.ReactNode allSections: Record<string, Array<Section>> }

src/components/Layout.tsx:10

FunctionLineTabs

({ center, customID }: LineTabProps)

src/showcase/components/tabs/LineTabs.tsx:45

FunctionLinkIcon

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

src/components/icons/LinkIcon.tsx:1

FunctionListIcon

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

src/components/icons/ListIcon.tsx:1

FunctionLoaderCards

()

src/showcase/ui-group/LoaderCards.tsx:113

FunctionLoadingIcon

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

src/components/Search.tsx:125

FunctionLogo

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

src/components/Logo.tsx:1

FunctionMagneticButton

()

src/showcase/components/button/MagneticButton.tsx:11

FunctionMagnifyingGlassIcon

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

src/components/icons/MagnifyingGlassIcon.tsx:1

FunctionMapPinIcon

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

src/components/icons/MapPinIcon.tsx:1

FunctionMenuIcon

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

src/components/MobileNavigation.tsx:19

FunctionMinimalSocialsFooter

()

src/showcase/blocks/footer/MinimalSocialsFooter.tsx:49

FunctionMobileNavigation

()

src/components/MobileNavigation.tsx:152

FunctionMobileNavigationDialog

({ isOpen, close, }: { isOpen: boolean close: () => void })

src/components/MobileNavigation.tsx:49

FunctionMobileSearch

()

src/components/Search.tsx:489

FunctionMoonIcon

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

src/components/ThemeToggle.tsx:17

FunctionMorphingShapesLoader

()

src/showcase/components/loaders/MorphingShapesLoader.tsx:4

FunctionNavLink

({ href, children, tag, active = false, isAnchorLink = false, }: { href: string children: React.

src/components/Navigation.tsx:35

FunctionNavigation

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

src/components/Navigation.tsx:339

FunctionNavigationButtons

({ currentStep, totalSteps, handlePrev, handleNext })

src/showcase/components/stepper/DottedStepper.tsx:97

FunctionNavigationButtons

({ currentStep, totalSteps, handlePrev, handleNext })

src/showcase/components/stepper/CheckedStepper.tsx:91

FunctionNavigationGroup

({ group, className, tag, }: { group: NavGroup className?: string tag?: string })

src/components/Navigation.tsx:137

FunctionNeonGlowLoader

()

src/showcase/components/loaders/NeonGlowLoader.tsx:4

FunctionNeubrutalismButton

()

src/showcase/components/button/NeubrutalismButton.tsx:3

FunctionNeubrutalismToggle

({ onToggle, }: { onToggle?: (toggled: boolean) => void })

src/showcase/components/toggle/NeubrutalismToggle.tsx:4

FunctionNextjs

(props: SVGProps<SVGSVGElement>)

src/components/Logos/NextJS.tsx:3

FunctionNoResultsIcon

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

src/components/Search.tsx:113

FunctionNotFound

()

src/app/not-found.tsx:7

FunctionNote

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

src/components/mdx.tsx:49

FunctionOrbitingLoader

()

src/showcase/components/loaders/OrbitingLoader.tsx:4

FunctionPackageIcon

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

src/components/icons/PackageIcon.tsx:1

FunctionPageLink

({ label, page, previous = false, }: { label: string page: { href: string; title: string } previou

src/components/Footer.tsx:13

FunctionPageNavigation

()

src/components/Footer.tsx:43

FunctionPaperAirplaneIcon

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

src/components/icons/PaperAirplaneIcon.tsx:1

FunctionPaperClipIcon

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

src/components/icons/PaperClipIcon.tsx:1

FunctionParticleSwarmLoader

()

src/showcase/components/loaders/ParticleSwarmLoader.tsx:13

FunctionPreview

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

src/components/mdx.tsx:133

FunctionPreviewCodeGroup

({ code, language, preview, }: { code: string language: string preview: React.ReactNode })

src/components/code/PreviewCodeGroup.tsx:19

FunctionPricing

()

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

FunctionPricingCards

()

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

FunctionPricingPage

()

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

FunctionProgressBar

({ currentStep, totalSteps, })

src/showcase/components/stepper/CheckedStepper.tsx:64

FunctionProperties

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

src/components/mdx.tsx:87

FunctionProperty

({ name, children, type, }: { name: string children: React.ReactNode type?: string })

src/components/mdx.tsx:100

FunctionProse

({ as, className, ...props }: Omit<React.ComponentPropsWithoutRef<T>, 'as' | 'className'> & { as?: T

src/components/Prose.tsx:3

FunctionProviders

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

src/app/providers.tsx:20

FunctionPulsatingDots

()

src/showcase/components/loaders/PulsatingDots.tsx:4

FunctionPulsatingGradientLoader

()

src/showcase/components/loaders/PulsatingGradientLoader.tsx:4

FunctionRawCode

({ children: rawCode, className: rawLang, }: { children: string className: string })

src/components/code/Code.tsx:78

FunctionRequiresFramerMotion

()

src/components/Requires.tsx:24

FunctionRequiresShadcn

()

src/components/Requires.tsx:44

FunctionRequiresTailwind

()

src/components/Requires.tsx:4

FunctionRippleLoader

()

src/showcase/components/loaders/RippleLoader.tsx:4

FunctionRippleWaveLoader

()

src/showcase/components/loaders/RippleWaveLoader.tsx:6

FunctionRootLayout

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

src/app/layout.tsx:20

FunctionRootLayout

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

src/app/(docs)/layout.tsx:6

FunctionRotatingCompleteButton

()

src/showcase/components/button/RotatingCompleteButton.tsx:7

← previous next →101–200 of 316, ranked by callers