search

magicuidesign / magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
https://magicui.design
MIT License
5.23k stars 171 forks source link

[component] 20+ buttons! #129

Open dillionverma opened 1 month ago

dillionverma commented 1 month ago

Talked with a good friend Alexandru and he gave us permission to integrate his components into Magic UI 🎉🥳🎁

https://snippets.alexandru.so

The original designs come from Emil who is also an incredibly talented design engineer and made these MIT license and open sourced

https://github.com/emilkowalski/ui-snippets

There are a lot of goodies here!

We need to remake these using React + TailwindCSS + typescript to integrate them into Magic UI 🪄

2 options on how to integrate:

  1. We make separate magicui components for each one
  2. We make a special "buttons" page which contains all of these as copy paste buttons

Having all buttons on 1 page makes sense to me but requires a bit of engineering work to figure out the best user experience.

Any suggestions?

pilladipesh33 commented 1 month ago

We can do it like https://bg.ibelick.com/ this where once pressed shows in main section and there functionality I think that will do it

dillionverma commented 1 month ago

Ya I agree one page is better

Looks like we need a PR with a new page structure which showcases all the buttons or elements on one page

Not sure how best to do it yet given the current codebase

Will have to think about it, also open to suggestions or ideas

pilladipesh33 commented 1 month ago

Let me think more...😤

pilladipesh33 commented 1 month ago

Can I add more button design in this link some are just basic animation so instead of that we should add unique what you say @dillionverma. By the way started working on this may as well assigned it me

dillionverma commented 4 weeks ago

yeah feel free to add more!

I liked this basic set of buttons as well though - they are pretty clean and minimal. Could be used in a lot of projects in interesting ways.

assigned to you :)

pilladipesh33 commented 4 weeks ago

@dillionverma components are ready what have you thought on showcasing them should just add buttons in <ol> and comment out it's number in the code or should I add copy code to clipboard feature.

dillionverma commented 3 weeks ago

hmm good question - do you have a screenshot / image / PR of what you had in mind? would help to visualize it @pilladipesh33

pilladipesh33 commented 3 weeks ago

Ok let me look into it