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%
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
SidebarContextType (Interface)
(no doc)
src/components/sidebar.tsx
InfoCardProps (Interface)
(no doc)
registry/kl-ui/info-card/info-card.tsx
Core symbols most depended-on inside this repo
cncalled by 100
src/lib/utils.ts
useSidebar
called by 4
src/components/ui/sidebar.tsx
handleMediaLoad
called by 2
registry/kl-ui/info-card/info-card.tsx
getCommand
called by 2
src/components/ui/package-manager-tabs.tsx
getRotation
called by 1
registry/kl-ui/info-card/info-card.tsx
getTranslateX
called by 1
registry/kl-ui/info-card/info-card.tsx
getTranslateY
called by 1
registry/kl-ui/info-card/info-card.tsx
getScale
called by 1
registry/kl-ui/info-card/info-card.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>