Super Mario
Super Mario is a button in the UI HUB buttons collection. It is built with React and ships as a self-contained component you can copy into an existing project without pulling in a component library.
The component works without configuration, and can be restyled through its own class names and CSS custom properties.
Preview the button in the browser above, copy the source, and paste it into your project. Buttons components in UI HUB are grouped by category so you can compare effects side by side before choosing one.
What is Super Mario?
Super Mario is a button in the UI HUB React component library, built for buttons. It runs in the browser as a React component and can be dropped into an existing React and Tailwind CSS project.
How Super Mario behaves
Mark is a NES-style pixel scene inspired by Super Mario: two brick tiles frame a glassy '?' block, and hovering the block's invisible hit area launches a 1-up mushroom out of the box.
Super Mario at a glance
- Category
- Buttons
- Pricing
- Free to use
- Styling
- Tailwind CSS
- AI prompts
- Ready for Advance, Antigravity, Claude Code, Cursor, Lovable
Technical information for Super Mario
| Category | Buttons |
|---|---|
| Libraries | React only |
| Styling | Tailwind CSS |
| Usage example | Included on this page |
How to use Super Mario
- Install React if your project does not already use it.
- Copy the usage example from the Source section of this page. It shows the import path and the props the component expects.
- Render <SuperMario /> in your page using that import path.
- Render the component with no props to get the default behaviour.
Super Mario questions
What is Super Mario?
Super Mario is a button in the UI HUB React component library, built for buttons. It runs in the browser as a React component and can be dropped into an existing React and Tailwind CSS project.
Which category does Super Mario belong to?
Super Mario is listed under Buttons in the UI HUB catalog. Call-to-action buttons with real interaction design: magnetic pull on hover, glow and shimmer sweeps, press states and SVG-based shape morphs. Each button accepts its own label, href and colour props, so it drops into an existing layout without forcing a wrapper. Accessible focus states are preserved in every variant.
Is Super Mario free to use?
Super Mario is a free component on UI HUB. You can preview it in the browser and read the full props table on the component page.