hub / github.com/SyntaxUI/syntaxui
github.com/SyntaxUI/syntaxui @main
Chat with this repo
364 symbols
730 edges
199 files
0 documented · 0%
● updated 3mo ago★ 984
Browse by type
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.
Getting Started
- Browse the components: Explore our collection of pre-built UI components.
- Choose your component: Pick the component you need and copy the code.
- Paste: Drop the code into your project.
- 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
Sponsors
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
browse all types & interfaces →
Core symbols most depended-on inside this repo
Shape
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>