https://github.com/syntaxui/syntaxui

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!
https://github.com/syntaxui/syntaxui

components css framer-motion nextjs react tailwindcss typescript ui

Last synced: about 4 hours ago
JSON representation

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!

• Host: GitHub
• URL: https://github.com/syntaxui/syntaxui
• Owner: SyntaxUI
• License: mit
• Created: 2024-02-21T17:29:15.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-29T18:35:15.000Z (4 months ago)
• Last Synced: 2024-05-29T22:59:34.639Z (4 months ago)
• Topics: components, css, framer-motion, nextjs, react, tailwindcss, typescript, ui
• Language: TypeScript
• Homepage: https://syntaxui.com
• Size: 1.33 MB
• Stars: 416
• Watchers: 2
• Forks: 31
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

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](https://dcbadge.vercel.app/api/server/P8GXYyH3ZU?style=flat)](https://discord.com/invite/P8GXYyH3ZU)

[![GitHub Repo stars](https://img.shields.io/github/stars/ansub/SyntaxUI?style=social)](https://github.com/ansub/SyntaxUI)

[![Twitter Follow](https://img.shields.io/twitter/follow/justansub?style=social)](https://twitter.com/justansub)

![SyntaxUI](https://raw.githubusercontent.com/Ansub/SyntaxUI/main/public/images/banner.png)

## 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.

 4. 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](https://repobeats.axiom.co/api/embed/386106ba46f02119388dff0847760deb0e6dfb03.svg "Repobeats analytics image")

## Sponsors

        

          

        


      

## Contributing

Contributions are welcome! If you'd like to add new components or features, Please read the [contributing guide](/CONTRIBUTING.md).

## License

Licensed under the [MIT license](https://github.com/ansub/syntaxui/blob/main/LICENSE).

## Credits

[List of people](https://github.com/Ansub/SyntaxUI/blob/main/credits.md) who helped build the components or from whom I have taken the components.