magicui
UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
Language: typescript
Author: GitHub Repos (@github-repos)
0 stars · 7 views
Viewing path: LICENSE.md
Files
- layout.tsx (tsx)
- gradient-blur.tsx (tsx)
- components-list.tsx (tsx)
- best-react-component-library.mdx (mdx)
- component-demos.tsx (tsx)
- shadcn-ui.mdx (mdx)
- react-portfolio-template.mdx (mdx)
- drop-down-menu-in-js.mdx (mdx)
- page.tsx (tsx)
- .gitignore (gitignore)
- code-comparison.mdx (mdx)
- site.ts (ts)
- .cursor (cursor)
- mcp.json (json)
- .gitattributes (gitattributes)
- .github (github)
- ISSUE_TEMPLATE (txt)
- bug_report.yml (yml)
- PULL_REQUEST_TEMPLATE.md (md)
- scripts (txt)
- publish-articles.cjs (cjs)
- submit-sitemap.mjs (mjs)
- workflows (txt)
- code-check.yml (yml)
- publish-article.yml (yml)
- submit-sitemap.yml (yml)
- .prettierignore (prettierignore)
- AGENTS.md (md)
- CONTRIBUTING.md (md)
- apps (txt)
- www (txt)
- app (txt)
- (blog) (txt)
- blog (txt)
- [...slug] (slug)
- page.tsx (tsx)
- (docs) (txt)
- docs (txt)
- [[...slug]] (slug)
- layout.tsx (tsx)
- loading.tsx (tsx)
- layout.tsx (tsx)
- (marketing) (txt)
- showcase (txt)
- [...slug] (slug)
- page.tsx (tsx)
- page.tsx (tsx)
- api (txt)
- blog-webhook (txt)
- route.ts (ts)
- favicon.ico (image)
- icon.png (image)
- icon.svg (image)
- llm (txt)
- [[...slug]] (slug)
- not-found.tsx (tsx)
- og (txt)
- geist-regular-otf.json (json)
- geist-semibold-otf.json (json)
- geistmono-regular-otf.json (json)
- components (txt)
- analytics.tsx (tsx)
- blog (txt)
- callout.tsx (tsx)
- code-block-wrapper.tsx (tsx)
- code-collapsible-wrapper.tsx (tsx)
- component-preview.tsx (tsx)
- copy-button.tsx (tsx)
- discord-link.tsx (tsx)
- docs-copy-page.tsx (tsx)
- icons.tsx (tsx)
- logo-button.tsx (tsx)
- main-nav.tsx (tsx)
- open-in-v0-button.tsx (tsx)
- ping-dot.tsx (tsx)
- posthog-provider.tsx (tsx)
- sections (txt)
- cta.tsx (tsx)
- sidebar-cta.tsx (tsx)
- site-banner.tsx (tsx)
- site-header.tsx (tsx)
- template-open.tsx (tsx)
- ui (txt)
- accordion.tsx (tsx)
- alert.tsx (tsx)
- avatar.tsx (tsx)
- badge.tsx (tsx)
- calendar.tsx (tsx)
- card.tsx (tsx)
- command.tsx (tsx)
- dialog.tsx (tsx)
- dropdown-menu.tsx (tsx)
- label.tsx (tsx)
- scroll-area.tsx (tsx)
- select.tsx (tsx)
- separator.tsx (tsx)
- sidebar.tsx (tsx)
- skeleton.tsx (tsx)
- sonner.tsx (tsx)
- switch.tsx (tsx)
- tabs.tsx (tsx)
- tooltip.tsx (tsx)
- version-select.tsx (tsx)
- components.json (json)
- config (txt)
- docs.ts (ts)
- content (txt)
- blog (txt)
- animated-landing-page.mdx (mdx)
- animation-libraries.mdx (mdx)
- best-react-ui-framework.mdx (mdx)
- best-saas-landing-pages.mdx (mdx)
- best-web-developer-portfolios.mdx (mdx)
- color-theory-for-web-design.mdx (mdx)
- component-libraries.mdx (mdx)
- cool-css-animations.mdx (mdx)
- create-next-js-app.mdx (mdx)
- create-nextjs-app.mdx (mdx)
- creating-next-js-app.mdx (mdx)
- creative-landing-page-design.mdx (mdx)
- css-animation-on-scroll.mdx (mdx)
- css-buttons-hover.mdx (mdx)
- css-loader-animation.mdx (mdx)
- css-loading-animation.mdx (mdx)
- cta-design.mdx (mdx)
- dashboard-design-ui.mdx (mdx)
- disable-textarea-resize.mdx (mdx)
- dropdown-in-react-js.mdx (mdx)
- hero-section-design.mdx (mdx)
- how-to-create-a-landing-page.mdx (mdx)
- how-to-create-navigation-bar-in-html.mdx (mdx)
- how-to-design-a-landing-page.mdx (mdx)
- how-to-improve-website-loading-speed.mdx (mdx)
- how-to-improve-website-performance.mdx (mdx)
- how-to-learn-react.mdx (mdx)
- infinite-scroll-react.mdx (mdx)
- install-tailwind-css.mdx (mdx)
- install-tailwind-react.mdx (mdx)
- landing-page-copywriting.mdx (mdx)
- landing-page-ui.mdx (mdx)
- mantine-vs-chakra.mdx (mdx)
- material-ui-alternatives.mdx (mdx)
- material-ui-react.mdx (mdx)
- material-ui-vs-joy-ui.mdx (mdx)
- mui-react.mdx (mdx)
- navbar-react-js.mdx (mdx)
- navigation-bar-for-website.mdx (mdx)
- next-js-app.mdx (mdx)
- next-js-tailwind.mdx (mdx)
- next-js.mdx (mdx)
- nextjs-landing-page.mdx (mdx)
- nextjs-portfolio-template.mdx (mdx)
- nextjs.mdx (mdx)
- portfolio-landing-page.mdx (mdx)
- react-animation-examples.mdx (mdx)
- react-animation-libraries.mdx (mdx)
- react-bootstrap.mdx (mdx)
- react-design-patterns.mdx (mdx)
- react-frameworks.mdx (mdx)
- react-js-file-upload.mdx (mdx)
- react-js-form-validation.mdx (mdx)
- react-js-navbar.mdx (mdx)
- react-js-navigation-bar.mdx (mdx)
- react-landing-page.mdx (mdx)
- react-libraries.mdx (mdx)
- react-native-libraries.mdx (mdx)
- react-tips.mdx (mdx)
- react-ui-framework.mdx (mdx)
- react-ux.mdx (mdx)
- saas-landing-page-best-practices.mdx (mdx)
- search-input-with-icon.mdx (mdx)
- sidebar-for-website.mdx (mdx)
- tailwind-cdn-html.mdx (mdx)
- tailwind-css-button.mdx (mdx)
- tailwind-css-component-library.mdx (mdx)
- tailwind-css-install.mdx (mdx)
- tailwind-css-template.mdx (mdx)
- tailwind-css-templates-free.mdx (mdx)
- tailwind-css-themes.mdx (mdx)
- tailwind-landing-page-templates.mdx (mdx)
- tailwind-portfolio-template.mdx (mdx)
- tailwind-vs-bootstrap.mdx (mdx)
- text-loading-bar.mdx (mdx)
- ui-animation.mdx (mdx)
- ui-card-design.mdx (mdx)
- ui-libraries.mdx (mdx)
- user-interface-themes.mdx (mdx)
- visual-hierarchy-in-web-design.mdx (mdx)
- waitlist-landing-page.mdx (mdx)
- web-animation-tools.mdx (mdx)
- web-design-best-practices.mdx (mdx)
- web-design-trends.mdx (mdx)
- website-footer.mdx (mdx)
- what-are-ui-components.mdx (mdx)
- what-is-nextjs.mdx (mdx)
- docs (txt)
- components (txt)
- android.mdx (mdx)
- animated-beam.mdx (mdx)
- animated-circular-progress-bar.mdx (mdx)
- animated-gradient-text.mdx (mdx)
- animated-grid-pattern.mdx (mdx)
- animated-list.mdx (mdx)
- aurora-text.mdx (mdx)
- backlight.mdx (mdx)
- bento-grid.mdx (mdx)
- blur-fade.mdx (mdx)
- border-beam.mdx (mdx)
- comic-text.mdx (mdx)
- confetti.mdx (mdx)
- cool-mode.mdx (mdx)
- dia-text-reveal.mdx (mdx)
- dot-pattern.mdx (mdx)
- dotted-map.mdx (mdx)
- file-tree.mdx (mdx)
- flickering-grid.mdx (mdx)
- glare-hover.mdx (mdx)
- glyph-matrix.mdx (mdx)
- highlighter.mdx (mdx)
- hyper-text.mdx (mdx)
- icon-cloud.mdx (mdx)
- interactive-hover-button.mdx (mdx)
- iphone.mdx (mdx)
- kinetic-text.mdx (mdx)
- light-rays.mdx (mdx)
- line-shadow-text.mdx (mdx)
- magic-card.mdx (mdx)
- marquee.mdx (mdx)
- meteors.mdx (mdx)
- number-ticker.mdx (mdx)
- particles.mdx (mdx)
- pointer.mdx (mdx)
- progressive-blur.mdx (mdx)
- pulsating-button.mdx (mdx)
- rainbow-button.mdx (mdx)
- ripple.mdx (mdx)
- safari.mdx (mdx)
- scroll-based-velocity.mdx (mdx)
- scroll-progress.mdx (mdx)
- shimmer-button.mdx (mdx)
- terminal.mdx (mdx)
- text-3d-flip.mdx (mdx)
- text-animate.mdx (mdx)
- video-text.mdx (mdx)
- installation (txt)
- mcp.mdx (mdx)
- showcase.tsx (tsx)
- .gitignore (gitignore)
- .editorconfig (editorconfig)
- theme-provider.tsx (tsx)
- website-animation-examples.mdx (mdx)
- websites-with-great-ui.mdx (mdx)
- website-header-examples.mdx (mdx)
- sitemap.ts (ts)
- popover.tsx (tsx)
- layout.tsx (tsx)
- free-react-components.mdx (mdx)
- react-projects-for-beginners.mdx (mdx)
- spinning-text.mdx (mdx)
- docs-toc.tsx (tsx)
- ripple-button.mdx (mdx)
- next-js-project-structure.mdx (mdx)
- page.tsx (tsx)
- how-to-build-a-landing-page.mdx (mdx)
- typescript-vs-javascript-differences.mdx (mdx)
- animated-shiny-text.mdx (mdx)
- table-of-contents.tsx (tsx)
- how-to-make-an-interactive-website.mdx (mdx)
- route.ts (ts)
- carousel-user-interface.mdx (mdx)
- tailwind-landing-page.mdx (mdx)
- README.md (md)
- layout.tsx (tsx)
- how-to-display-testimonials-on-website.mdx (mdx)
- dock.mdx (mdx)
- tailwind-css-grid.mdx (mdx)
- how-to-add-animation-to-website.mdx (mdx)
- contribute.tsx (tsx)
- template-preview.tsx (tsx)
- landing-page-design-templates.mdx (mdx)
- hero.tsx (tsx)
- morphing-text.mdx (mdx)
- pixel-image.mdx (mdx)
- striped-pattern.mdx (mdx)
- react-best-practices.mdx (mdx)
- word-rotate.mdx (mdx)
- user-interface-design-patterns.mdx (mdx)
- testimonials.tsx (tsx)
- mui-transitions.mdx (mdx)
- index.mdx (mdx)
- deal-banner.tsx (tsx)
- component-source.tsx (tsx)
- component-library-examples.mdx (mdx)
- mui-table.mdx (mdx)
- how-to-improve-website-conversion-rates.mdx (mdx)
- react-hero-component.mdx (mdx)
- tailwind-border-radius.mdx (mdx)
- cool-react-components.mdx (mdx)
- interactive-grid-pattern.mdx (mdx)
- animation-on-scroll-css.mdx (mdx)
- avatar-circles.mdx (mdx)
- framer-motion-react.mdx (mdx)
- mobile-nav.tsx (tsx)
- code-block-command.tsx (tsx)
- faq-template.mdx (mdx)
- tech-stack.tsx (tsx)
- smooth-cursor.mdx (mdx)
- tailwind-css-react.mdx (mdx)
- table.tsx (tsx)
- sparkles-text.mdx (mdx)
- startup-landing-page.mdx (mdx)
- landing-page-call-to-action.mdx (mdx)
- command-menu.tsx (tsx)
- component-preview-tabs.tsx (tsx)
- ATTRIBUTION.md (markdown)
- create-react-component-library.mdx (mdx)
- not-found.tsx (tsx)
- semantic-ui-vs-material-ui.mdx (mdx)
- cards-ui-design.mdx (mdx)
- mui-box.mdx (mdx)
- grid-pattern.mdx (mdx)
- time-and-date-picker.mdx (mdx)
- code-tabs.tsx (tsx)
- next-js-getting-started.mdx (mdx)
- ui-frameworks.mdx (mdx)
- shine-border.mdx (mdx)
- hexagon-pattern.mdx (mdx)
- .prettierignore (prettierignore)
- blur-image.tsx (tsx)
- next-js-create-app.mdx (mdx)
- input.tsx (tsx)
- what-is-a-component-library.mdx (mdx)
- robots.ts (ts)
- how-to-create-drop-down-menu.mdx (mdx)
- github-link.tsx (tsx)
- LICENSE.md (md)
- landing-page-examples.mdx (mdx)
- how-to-make-an-animated-website.mdx (mdx)
- context-menu.tsx (tsx)
- text-animation-css.mdx (mdx)
- mobile-toc.tsx (tsx)
- text-reveal.mdx (mdx)
- how-to-make-backgrounds-for-animation.mdx (mdx)
- warp-background.mdx (mdx)
- next-js-layout.mdx (mdx)
- legacy.mdx (mdx)
- testimonial-tweet-link.tsx (tsx)
- form.tsx (tsx)
- page.tsx (tsx)
- react-css-framework.mdx (mdx)
- orbiting-circles.mdx (mdx)
- social-proof-on-website.mdx (mdx)
- feature_request.yml (yml)
- hero-video-dialog.mdx (mdx)
- collapsible.tsx (tsx)
- mode-toggle.tsx (tsx)
- site-footer.tsx (tsx)
- best-web-design-tools.mdx (mdx)
- navbar-in-react-js.mdx (mdx)
- route.tsx (tsx)
- website-logo-examples.mdx (mdx)
- animated-theme-toggler.mdx (mdx)
- what-is-mobile-first-design.mdx (mdx)
- app-landing-page.mdx (mdx)
- index.mdx (mdx)
- typing-animation.mdx (mdx)
- index.mdx (mdx)
- shiny-button.mdx (mdx)
- tailwind-font-size.mdx (mdx)
- noise-texture.mdx (mdx)
- installing-tailwind-css.mdx (mdx)
- react-component-best-practices.mdx (mdx)
- button.tsx (tsx)
- retro-grid.mdx (mdx)
- video-testimonials.tsx (tsx)
- landing-page-sections.mdx (mdx)
- tailwind-dark-mode.mdx (mdx)
- how-to-optimize-images-for-web.mdx (mdx)
- interactive-landing-page.mdx (mdx)
- ui-framework-for-react.mdx (mdx)
- react-infinite-scroll.mdx (mdx)
- ant-design-vs-material-ui.mdx (mdx)
- web-application-design.mdx (mdx)
- nextjs-website-template.mdx (mdx)
- lens.mdx (mdx)
- responsive-web-design-templates.mdx (mdx)
- expandable-masonary-section.tsx (tsx)
- best-react-native-ui-library.mdx (mdx)
- docs-sidebar.tsx (tsx)
- tweet-card.mdx (mdx)
- globe.mdx (mdx)
- mui-card.mdx (mdx)
- how-to-choose-tech-stack.mdx (mdx)
- apple-icon.png (image)
- chakra-ui-vs-material-ui.mdx (mdx)
- react-header.mdx (mdx)
- ant-design-alternatives.mdx (mdx)
- pricing-page-examples.mdx (mdx)
- neon-gradient-card.mdx (mdx)
- bootstrap-vs-react.mdx (mdx)
- sheet.tsx (tsx)
