MCPcopy Index your code
hub / github.com/SyntaxUI/syntaxui

github.com/SyntaxUI/syntaxui @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
364 symbols 730 edges 199 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

SyntaxUI

Build faster & Launch sooner with SyntaxUI. Get instant access to pre-built, Tailwind CSS-powered components and animations, featuring Framer Motion-enhanced interactions.

Discord Follow GitHub Repo stars Twitter Follow

SyntaxUI

Getting Started

  1. Browse the components: Explore our collection of pre-built UI components.
  2. Choose your component: Pick the component you need and copy the code.
  3. Paste: Drop the code into your project.
  4. Customize as needed: Tailor the component to fit your project's style.

Features

  • Pre-built, customizable components for rapid development
  • Powered by Tailwind CSS for easy styling
  • Framer Motion-enhanced interactions for stunning animations
  • Easy to use: just copy, paste, and customize

Activity

Alt

Sponsors

Vercel Logo

Contributing

Contributions are welcome! If you'd like to add new components or features, Please read the contributing guide.

License

Licensed under the MIT license.

Credits

List of people who helped build the components or from whom I have taken the components.

Extension points exported contracts — how you extend this code

TextNode (Interface)
(no doc)
react-syntax-highlighter.d.ts
StarStore (Interface)
(no doc)
src/store.ts
Section (Interface)
(no doc)
src/components/SectionProvider.tsx
AccordionItemProps (Interface)
(no doc)
src/showcase/components/accordion/MinimalAccordion.tsx
TagNode (Interface)
(no doc)
react-syntax-highlighter.d.ts
ProBannerStore (Interface)
(no doc)
src/store.ts
SectionState (Interface)
(no doc)
src/components/SectionProvider.tsx
AccordionProps (Interface)
(no doc)
src/showcase/components/accordion/MinimalAccordion.tsx

Core symbols most depended-on inside this repo

cn
called by 44
src/lib/utils.ts
remToPx
called by 6
src/lib/remToPx.ts
matchPath
called by 5
src/components/Navigation.tsx
onKeywordsChange
called by 5
src/showcase/components/input/TagInput.tsx
useSectionStore
called by 4
src/components/SectionProvider.tsx
useIsInsideMobileNavigation
called by 4
src/components/MobileNavigation.tsx
close
called by 3
src/components/Search.tsx
getRandomColor
called by 3
src/showcase/effects/gradients/CustomGradientGenerator.tsx

Shape

Function 316
Interface 48

Languages

TypeScript100%

Modules by API surface

src/components/Search.tsx20 symbols
src/components/mdx.tsx9 symbols
src/showcase/components/stepper/DottedStepper.tsx8 symbols
src/showcase/components/input/TagInput.tsx8 symbols
src/components/Navigation.tsx8 symbols
src/showcase/effects/gradients/CustomGradientGenerator.tsx7 symbols
src/showcase/components/stepper/CheckedStepper.tsx7 symbols
src/components/SectionProvider.tsx7 symbols
src/showcase/components/toggle/SlideToggle.tsx6 symbols
src/showcase/components/accordion/MinimalAccordion.tsx6 symbols
src/components/MobileNavigation.tsx6 symbols
src/components/Footer.tsx6 symbols

For agents

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

⬇ download graph artifact