hub / github.com/KarrixLee/KL-ui
github.com/KarrixLee/KL-ui @main
Chat with this repo
116 symbols
358 edges
65 files
0 documented · 0%
● updated 18mo ago★ 89
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
KL UI
Beautiful animated UI components and effects built with shadcn/ui and Motion.
Demo - karrix.dev
Overview
Open source animated UI components and effects built with shadcn/ui and Motion. Feel free to use it in your projects, and share your feedback. Hope you like it!
Contributing
Contributions are welcome! Check out our contribution guidelines for details on how to get started.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Credits
Special thanks to: - @pqoqubbw for the amazing animated icon library - @aidenybai for React Scan, which helped optimize the components
Questions?
Feel free to reach out: - Twitter: @karrixthediv - Email: karrixlee1231@gmail.com
Extension points exported contracts — how you extend this code
InfoCardTitleProps (Interface)
(no doc)
registry/kl-ui/info-card/info-card.tsx
BreadcrumbItem (Interface)
(no doc)
src/components/breadcrumb-nav.tsx
ChangelogEntry (Interface)
(no doc)
src/app/changelog/page.tsx
InfoCardDescriptionProps (Interface)
(no doc)
registry/kl-ui/info-card/info-card.tsx
NavButtonProps (Interface)
(no doc)
src/components/sidebar.tsx
CommonCardProps (Interface)
(no doc)
registry/kl-ui/info-card/info-card.tsx
browse all types & interfaces →
Core symbols most depended-on inside this repo
useSidebar
called by 4
src/components/ui/sidebar.tsx
handleMediaLoad
called by 2
registry/kl-ui/info-card/info-card.tsx
handleClick
called by 1
src/components/navigation-menu.tsx
UnsavePopupDemoCode
called by 1
src/components/demo-ui/unsave-popup/code.tsx
InfoCardDemoCode
called by 1
src/components/demo-ui/info-card/code.tsx
handleSelect
called by 1
src/components/ui/package-manager-tabs.tsx
Shape
Languages
TypeScript100%
Modules by API surface
registry/kl-ui/info-card/info-card.tsx15 symbols
src/components/demo-ui/info-card/demo.tsx13 symbols
src/components/ui/package-manager-tabs.tsx6 symbols
src/components/ui/steps.tsx4 symbols
src/components/sidebar.tsx4 symbols
src/components/navigation-menu.tsx4 symbols
src/components/demo-ui/unsave-popup/demo.tsx4 symbols
src/components/ui/sheet.tsx3 symbols
src/components/ui/prop-table.tsx3 symbols
src/components/ui/code-block.tsx3 symbols
src/components/demo-ui/info-card/preview-code-tabs.tsx3 symbols
src/components/demo-ui/info-card/installation-tabs.tsx3 symbols
For agents
$ claude mcp add KL-ui \
-- python -m otcore.mcp_server <graph>