hub / github.com/danielpetho/fancy

github.com/danielpetho/fancy @main sqlite

511 symbols 1,287 edges 224 files 8 documented · 2%

README

Fancy Components

A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.

Documentation

Visit https://fancycomponents.dev/docs/introduction to view the documentation.

Contributing

Please read the contribution guidelines.

Acknowledgments

Huge thanks to shadcn, as many parts of this repository—documentation page, structure, registry system, guides, and many more—is built upon it.

License

Licensed under the MIT license.

Extension points exported contracts — how you extend this code

FaceProps (Interface)

* Props for a single face of the cube in the BoxCarousel.

src/fancy/components/carousel/box-carousel.tsx

NavItem (Interface)

(no doc)

src/types/nav.ts

ExplanationDemoProps (Interface)

(no doc)

src/components/explanation-demo.tsx

Component (Interface)

(no doc)

src/lib/get-components.ts

RegistryFile (Interface)

(no doc)

src/scripts/build-registry-index.ts

UseLineBreakdownResult (Interface)

(no doc)

src/hooks/use-line-breakdown.ts

BoxCarouselProps (Interface)

* Props for the BoxCarousel component

src/fancy/components/carousel/box-carousel.tsx

NavItemWithChildren (Interface)

(no doc)

src/types/nav.ts

Core symbols most depended-on inside this repo

src/fancy/components/text/underline-comes-in-goes-out.tsx

lessThan

called by 30

src/hooks/use-screen-size.ts

toString

called by 20

src/hooks/use-screen-size.ts

useScreenSize

called by 16

src/hooks/use-screen-size.ts

calculatePosition

called by 8

src/utils/calculate-position.ts

delay

called by 8

src/fancy/examples/blocks/css-box-non-uniform-demo.tsx

getComp

called by 5

src/components/landing/hero-images.tsx

Shape

Function 396

Interface 105

Method 8

Class 2

Languages

TypeScript100%

Modules by API surface

src/scripts/build-docs-markdown.ts19 symbols

src/scripts/build-registry-index.ts16 symbols

src/hooks/use-screen-size.ts12 symbols

src/scripts/build-registry-sources.ts10 symbols

src/fancy/components/text/letter-3d-swap.tsx8 symbols

src/fancy/components/blocks/marquee-along-svg-path.tsx8 symbols

src/lib/toc.ts7 symbols

src/fancy/examples/text/letter-3d-swap-explanation-top-demo.tsx7 symbols

src/fancy/examples/text/letter-3d-swap-explanation-left-demo.tsx7 symbols

src/components/copy-page-menu.tsx7 symbols

src/components/copy-button.tsx7 symbols

src/scripts/build-llms-txt.ts6 symbols

Dependencies from manifests, versioned

@docsearch/react3.9.0 · 1×

@ianvs/prettier-plugin-sort-imports4.4.0 · 1×

@mdx-js/loader3.0.1 · 1×

@mdx-js/react3.0.1 · 1×

@next/mdx16.0.7 · 1×

@radix-ui/react-collapsible1.1.0 · 1×

@radix-ui/react-dialog1.1.14 · 1×

@radix-ui/react-dropdown-menu2.1.1 · 1×

@radix-ui/react-scroll-area1.2.10 · 1×

@radix-ui/react-select2.1.4 · 1×

@radix-ui/react-separator1.1.0 · 1×

@radix-ui/react-slot1.1.0 · 1×

For agents

$ claude mcp add fancy \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact