In Review

In Progress

Completed

Main Roadmap

make a component showing timeline. example of startprobably could make better using vertical / horizontal props and nice animations some other examples <a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer css-1qaijid r-bcqeeo r-qvutc0 r-poiln3 r-1ny4l3l r-1ddef8g r-1wb8bfx r-1loqt21" href="https://t.co/AP6Drc9diM">https://binaboxreact-fiuy-l7qrqybjg-themesflat.vercel.app/roadmap-v2</a><a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer css-1qaijid r-bcqeeo r-qvutc0 r-poiln3 r-1ddef8g r-tjvw6i r-1loqt21" href="https://t.co/AiTaBylQ5V">https://binaboxreact-fiuy-l7qrqybjg-themesflat.vercel.app/roadmap-v3</a> <img src="https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/1707439313302..png">

timeline component

Dillion Verma

It would be helpful to have a figma for magic ui components so teams can design high fidelity mockups and relay them to their devs<img src="https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/1713986528832..png">

Make a Magic UI Figma

<a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer" href="https://codepen.io/w3programmings/pen/MMBxMV">https://codepen.io/w3programmings/pen/MMBxMV</a>

Draw svg line on scroll

Robin

a chat ui component would be dope! <img src="https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/1716522122213..png">

chat UI

add Vue components

An Anonymous User

<a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer" href="https://twitter.com/benjitaylor/status/1762508367690670372?t=KmgiPccC3fX_HVfsoD2Zxw">https://twitter.com/benjitaylor/status/1762508367690670372?t=KmgiPccC3fX_HVfsoD2Zxw</a>this looks so nice! I imagine it would do well on mobile web too :)

Button Pullup Drawer

Search bar for site headers

Is it possible to get internship to learn from you and contribute to this amazing library

Loved the Project

Rehan Razaq

add Svelte components

404 Section / 404 Page

An Unknown User

Create more Bento Grid Examples

Click on a play button and open a modal with a video embedded in it similar to what's seen on https://wope.com

Add Hero Video Dialog componenet

High Priority

Create a Magic UI Template

Create text animation components

Something like this: <a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer" href="https://codepen.io/Unleashed-Design/pen/MWOaPGL">https://codepen.io/Unleashed-Design/pen/MWOaPGL</a>

Animated gradient underglow component

<a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer" href="https://infisical.com/">https://infisical.com/</a> <a target="_blank" rel="noopener noreferrer nofollow" class="text-indigo-500 dark:text-indigo-300 cursor-pointer" href="https://www.fakerlabs.com/">https://www.fakerlabs.com/</a>

Add a showcase section of sites using Magic UI

A new take on Confetti animations?

Confetti? 🎉

Marko Jak

as seen on home page here <img src="https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/1700845373629.png">