Code
Hub
Workspaces
Following
Trending
Connect
MCP
copy
Create free account
hub
/
github.com/Ali-Hussein-dev/formcn
/ functions
Functions
452 in github.com/Ali-Hussein-dev/formcn
⨍
Functions
452
◇
Types & classes
14
↓ 273 callers
Function
cn
(...inputs: ClassValue[])
src/lib/utils.ts:4
↓ 53 callers
Function
getAttribute
(attr: attributes, value?: boolean | string | number)
src/form-builder/lib/generate-form-component.ts:26
↓ 16 callers
Function
getDescription
(description?: string)
src/form-builder/lib/generate-form-component.ts:8
↓ 15 callers
Function
getFieldLabel
(name: string, label?: string, required?: boolean)
src/form-builder/lib/generate-form-component.ts:3
↓ 9 callers
Function
hasAttribute
({ fieldType, attribute, }: { fieldType: FormElement["fieldType"]; attribute: attribute; })
src/form-builder/lib/has-attribute.ts:92
↓ 6 callers
Function
flattenFormSteps
(array: FormStep[])
src/form-builder/lib/form-elements-helpers.ts:47
↓ 5 callers
Function
dropAtIndex
(array: T[], index: number)
src/form-builder/lib/form-elements-helpers.ts:10
↓ 5 callers
Function
onChange
()
src/hooks/use-mobile.ts:10
↓ 5 callers
Function
useMultiStepForm
()
src/hooks/use-multi-step-viewer.tsx:109
↓ 4 callers
Function
useCarousel
()
src/components/ui/carousel.tsx:35
↓ 3 callers
Function
getPayloadConfigFromPayload
( config: ChartConfig, payload: unknown, key: string, )
src/components/ui/chart.tsx:311
↓ 3 callers
Function
getTransitionProps
(isLayoutTransitioning: boolean)
src/form-builder/components/edit/form-edit.tsx:84
↓ 3 callers
Function
useMultiSelectContext
()
src/components/ui/multi-select.tsx:332
↓ 2 callers
Function
flattenFormElementOrList
( elements: FormElementOrList[], )
src/form-builder/lib/form-elements-helpers.ts:73
↓ 2 callers
Function
genFormZodSchema
( formElements: FormElement[] )
src/form-builder/lib/generate-zod-schema.ts:8
↓ 2 callers
Function
getFormElementCode
(field: FormElement)
src/form-builder/lib/generate-form-component.ts:47
↓ 2 callers
Function
isStatic
(fieldType: string)
src/form-builder/lib/utils.ts:5
↓ 2 callers
Function
renderFields
(fields: FormElementOrList[])
src/form-builder/lib/generate-form-code.ts:11
↓ 2 callers
Function
setQueryState
(id: string)
src/form-builder/components/local-forms-sidebar.tsx:24
↓ 2 callers
Function
toggleValue
(value: string)
src/components/ui/multi-select.tsx:60
↓ 2 callers
Function
useChart
()
src/components/ui/chart.tsx:27
↓ 2 callers
Function
useFormIdFromRoute
()
src/form-builder/hooks/use-form-id-from-route.ts:9
↓ 2 callers
Function
useLayoutTracker
()
src/form-builder/components/edit/form-edit.tsx:91
↓ 2 callers
Function
usePreviewForm
()
src/form-builder/hooks/use-preview-form.tsx:11
↓ 2 callers
Function
useStepItem
()
src/components/ui/stepper.tsx:38
↓ 2 callers
Function
useStepper
()
src/components/ui/stepper.tsx:30
↓ 1 callers
Function
close
()
src/form-builder/components/edit/field-edit.tsx:833
↓ 1 callers
Function
convertToKababCase
(str: string)
src/lib/utils.ts:7
↓ 1 callers
Function
createSafeContext
(errorMessage: string)
src/form-builder/lib/create-safe-context.tsx:3
↓ 1 callers
Function
deleteOption
(index: number)
src/form-builder/components/edit/field-edit.tsx:187
↓ 1 callers
Function
formatBytes
(bytes: number, decimals = 2)
src/form-builder/hooks/use-file-upload.tsx:350
↓ 1 callers
Function
formatCode
(code: string)
src/form-builder/lib/utils.ts:9
↓ 1 callers
Function
genFieldZodSchemaCode
(formElement: FormElement)
src/form-builder/lib/generate-zod-schema.ts:159
↓ 1 callers
Function
genFormZodSchemaCode
(formElements: FormElement[])
src/form-builder/lib/generate-zod-schema.ts:291
↓ 1 callers
Function
generateFormCode
({ formElements, isMS, }: { formElements: FormElementOrList[] | FormStep[]; isMS: boolean; })
src/form-builder/lib/generate-form-code.ts:25
↓ 1 callers
Function
generateImports
( formElements: FormElement[], { isMS = false }: { isMS?: boolean } = { isMS: false } )
src/form-builder/lib/generate-imports.ts:3
↓ 1 callers
Function
getFileIcon
(file: { file: File | { type: string; name: string } })
src/components/form-fields/file-upload.tsx:10
↓ 1 callers
Function
getNewSet
(prev: Set<string>)
src/components/ui/multi-select.tsx:61
↓ 1 callers
Function
goToFirstStep
()
src/form-builder/hooks/use-multi-step-form.tsx:58
↓ 1 callers
Function
goToNext
()
src/hooks/use-multi-step-viewer.tsx:48
↓ 1 callers
Function
goToPrevious
()
src/hooks/use-multi-step-viewer.tsx:63
↓ 1 callers
Function
handleEdit
()
src/form-builder/components/my-forms.tsx:74
↓ 1 callers
Function
handleGenerate
()
src/form-builder/components/ai/ai-form-generator.tsx:130
↓ 1 callers
Function
handleSave
()
src/form-builder/components/new-form.tsx:30
↓ 1 callers
Function
hasNestedArray
(value: unknown)
src/form-builder/lib/form-elements-helpers.ts:58
↓ 1 callers
Function
highlight
()
src/components/ui/code-block.tsx:64
↓ 1 callers
Function
insertAtIndex
(list: T[], element: T, index: number)
src/form-builder/lib/form-elements-helpers.ts:23
↓ 1 callers
Function
startEdit
(index: number)
src/form-builder/components/edit/field-edit.tsx:193
↓ 1 callers
Function
stringifyStepComponents
(steps: FormStep[])
src/form-builder/lib/generate-form-code.ts:124
↓ 1 callers
Function
transformToStepFormList
(formElementList: FormElementList)
src/form-builder/lib/form-elements-helpers.ts:54
↓ 1 callers
Function
updateTheme
()
src/components/ui/code-block.tsx:45
↓ 1 callers
Function
updateTheme
()
src/components/ui/sonner.tsx:19
↓ 1 callers
Function
useAiFormGenerator
()
src/form-builder/components/ai/ai-form-generator.tsx:115
↓ 1 callers
Function
useFileUpload
( options: FileUploadOptions = {}, )
src/form-builder/hooks/use-file-upload.tsx:61
↓ 1 callers
Function
useGenerateCode
()
src/form-builder/components/generated-code/code-panel.tsx:212
↓ 1 callers
Function
useIsMobile
()
src/hooks/use-mobile.ts:5
↓ 1 callers
Function
useMigrateLocalForms
()
src/form-builder/components/my-forms.tsx:124
↓ 1 callers
Function
useMultiStepForm
({ initialSteps, onStepValidation, }: UseFormStepsProps)
src/form-builder/hooks/use-multi-step-form.tsx:31
↓ 1 callers
Function
useRating
()
src/components/ui/rating.tsx:34
↓ 1 callers
Function
useSelectedForm
()
src/form-builder/components/my-forms.tsx:141
↓ 1 callers
Function
useThemeMode
()
src/components/mode-toggle.tsx:6
Function
Accordion
({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>)
src/components/ui/accordion.tsx:6
Function
AccordionContent
({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>)
src/components/ui/accordion.tsx:61
Function
AccordionItem
({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>)
src/components/ui/accordion.tsx:19
Function
AccordionTrigger
({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>)
src/components/ui/accordion.tsx:32
Function
AiFormGenerator
()
src/form-builder/components/ai/ai-form-generator.tsx:219
Function
Alert
({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>)
src/components/ui/alert.tsx:22
Function
AlertAction
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/alert.tsx:66
Function
AlertDescription
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/alert.tsx:50
Function
AlertDialog
({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>)
src/components/ui/alert-dialog.tsx:8
Function
AlertDialogAction
({ className, variant = 'default', size = 'default', ...props }: React.ComponentProps<typeof AlertDialogPr
src/components/ui/alert-dialog.tsx:149
Function
AlertDialogCancel
({ className, variant = 'outline', size = 'default', ...props }: React.ComponentProps<typeof AlertDialogPr
src/components/ui/alert-dialog.tsx:167
Function
AlertDialogContent
({ className, size = 'default', ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
src/components/ui/alert-dialog.tsx:46
Function
AlertDialogDescription
({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>)
src/components/ui/alert-dialog.tsx:133
Function
AlertDialogFooter
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/alert-dialog.tsx:85
Function
AlertDialogHeader
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/alert-dialog.tsx:69
Function
AlertDialogMedia
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/alert-dialog.tsx:101
Function
AlertDialogOverlay
({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>)
src/components/ui/alert-dialog.tsx:30
Function
AlertDialogPortal
({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>)
src/components/ui/alert-dialog.tsx:22
Function
AlertDialogTitle
({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>)
src/components/ui/alert-dialog.tsx:117
Function
AlertDialogTrigger
({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>)
src/components/ui/alert-dialog.tsx:14
Function
AlertTitle
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/alert.tsx:37
Function
App
()
src/routes/index.tsx:107
Function
AspectRatio
({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>)
src/components/ui/aspect-ratio.tsx:5
Function
Avatar
({ className, size = 'default', ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & { size?: '
src/components/ui/avatar.tsx:6
Function
AvatarBadge
({ className, ...props }: React.ComponentProps<'span'>)
src/components/ui/avatar.tsx:58
Function
AvatarFallback
({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>)
src/components/ui/avatar.tsx:42
Function
AvatarGroup
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/avatar.tsx:74
Function
AvatarGroupCount
({ className, ...props }: React.ComponentProps<'div'>)
src/components/ui/avatar.tsx:87
Function
AvatarImage
({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>)
src/components/ui/avatar.tsx:26
Function
Badge
({ className, variant = 'default', asChild = false, ...props }: React.ComponentProps<'span'> & VariantPro
src/components/ui/badge.tsx:30
Function
Breadcrumb
({ className, ...props }: React.ComponentProps<'nav'>)
src/components/ui/breadcrumb.tsx:7
Function
BreadcrumbEllipsis
({ className, ...props }: React.ComponentProps<'span'>)
src/components/ui/breadcrumb.tsx:90
Function
BreadcrumbItem
({ className, ...props }: React.ComponentProps<'li'>)
src/components/ui/breadcrumb.tsx:31
Function
BreadcrumbLink
({ asChild, className, ...props }: React.ComponentProps<'a'> & { asChild?: boolean })
src/components/ui/breadcrumb.tsx:41
Function
BreadcrumbList
({ className, ...props }: React.ComponentProps<'ol'>)
src/components/ui/breadcrumb.tsx:18
Function
BreadcrumbPage
({ className, ...props }: React.ComponentProps<'span'>)
src/components/ui/breadcrumb.tsx:59
Function
BreadcrumbSeparator
({ children, className, ...props }: React.ComponentProps<'li'>)
src/components/ui/breadcrumb.tsx:72
Function
Button
({ className, variant = 'default', size = 'default', asChild = false, ...props }: React.ComponentProps<'b
src/components/ui/button.tsx:42
Function
ButtonGroup
({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariant
src/components/ui/button-group.tsx:24
next →
1–100 of 452, ranked by callers