MARKETPLACE
PLUGINS
MAGIC COMPONENT PACK
Magic Component Pack logo

Magic Component Pack

Published November 2024
   •    Updated July 2025

Plugin details

The Magic Component Pack brings a collection of beautifully crafted, reusable UI elements (ported Shadcn UI) to Bubble.io, designed to simplify building polished and accessible interfaces. Built on Radix UI and styled with Tailwind CSS, these components offer high customization and seamless integration with Bubble’s responsive layouts. Shadcn provides everything from buttons and form inputs to complex elements like modals and dropdown menus, making it a powerful toolkit for any Bubble project.
Key Features:

- Modular and Reusable: Each component is crafted for reusability and can be easily customized to match your app's branding and styling requirements.
- Responsive and Accessible: All components are optimized for both mobile and desktop views and follow accessibility best practices, ensuring an inclusive user experience.
- Effortless Styling with Tailwind CSS: Pre-styled components make your app look polished out-of-the-box, while still allowing complete control for those who need to customize further.

Perfect For:

- E-commerce sites, dashboards, and data-heavy applications.
- Enhancing user interfaces with modern, user-friendly design patterns.
- Reducing development time by leveraging pre-built, customizable UI elements.

Links:

* Demo: https://magic-component-pack-demo.bubbleapps.io/version-test
* Editor Demo: https://bubble.io/page?name=index&id=magic-component-pack-demo&tab=tabs-1

$35

One time  •  Or  $8/mo

stars   •   0 ratings
1 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

PluginCraft logo
PluginCraft
Joined 2021   •   4 Plugins
View contributor profile

Instructions

1. Install the plugin "Magic Component Pack"
2. Add Components to Your Page

In the Bubble editor, locate the components you want to use (e.g., Magic Button, Magic Input, Magic Modal).

3. Drag and drop the components onto your page.

4. Customize the components using Bubble editor

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble