Skip to content

BUTTON_IDEAS.md

Latest commit

 

History

History
77 lines (64 loc) · 7.42 KB

BUTTON_IDEAS.md

File metadata and controls

77 lines (64 loc) · 7.42 KB

Ideas for new buttons

In this page, we will keep adding new ideas for buttons. The purpose behind this is if someone has a good idea but is unable to implement it, they can add it here and others can look through this document and try to implement these ideas.

When adding ideas, please add them in the right category (or add a new one if you can't find a fitting category) and add some explanation to your idea if necessary.

Listing

  1. Animated
  2. Icon
  3. Special
  4. Social Buttons

Animated

Status Button name Description Submitted by
☑ Skew Button A button that skews on hover.
☑ Neon Button A button that glows on hover. Esakki Selvaraj
☑ Ripple Button A button with ripple effect on hover Maitryee-Choudhary
☐ Snake Border Button A button with border like snake moving Harshit Virmani
☐ 3D button A 3D button like a keyboard key Charu Sachdeva
☑ Splash Button A button that gives a moving linear gradient of rainbow colors on click Urja Banati
☐ Transparent on Hover Button A button whose background becomes transparent on hover
☐ Colored Background on Hover Button A button that is originally transparent but its background becomes colored on hover
☑ Gradient Button A button with gradient which shifts on hover [Shreya Modi] (https://github.com/shreyamodi1999)
☐ Colored Liquid Button A button that filled the space like liquid Muhammad Abdullah
☐ Animated Gradient Border Button A button that has gradient text border background with animation Mukesh Shelke
☐ Cracking Neon Button A Neon Button that will cracked when clicked EmpalGentong

Icon

Status Button name Description Submitted by
☑ Plus button A button just with a plus icon
☑ Buy me a coffee button
☐ Icon Button A button with icons enlargement and shrink effect on hover Souvik Guria
☐ App Buttons 2 Buttons "Get it on Play Store" & "Download on the app store"
☑ Chat Box Button Buttons For chat box with proper icon Snehasish Dhar
☐ Thumbs Up Button Button with Thumbs up icon only
☐ Share Button Button with the share icon only
☐ Screen Capture Button Button with Screen and Camera to allow taking screenshots on click [Shruti Jha](https://github.com/ShrutiJha31
☐ Play Game Button A play game button which has a game controller shape Nicolas Cheng

Special

Status Button name Description Submitted by
☐ Retro button A button that has a retro style to it Nida
☐ Vintage Button A button that has a Windows 95 Vintage style to it Nida
☐ Neumorphic button A button that has a neumorphic style Vitória
☐ Validation button A button that changes color if all the test cases are satisfied and displays with the message "SUCCESS" otherwise "SORRY" if it fails. Alina Sahoo
☑ Add Button Block A button with full width on empty space. Sonny Michael
☐ Dark Mode Toggle A button toggling dark mode. Harshit Virmani
☑ Disabled Buttons A button that has disabled style and non-clickable ability Zahra Abdullah
☐ Spooky Button A button with dramatic/spooky touch to it for special website designs. Shristi Singh

Social Buttons

Status Button name Description Submitted by
☐ Add Rounded Social Buttons A social button with rounded corners Neeraj Gupta
☐ Add Pinterest Buttons A social button linked to pinterest Tushar Raj
☐ Add Behance Buttons A social button linked to behance Tushar Raj
☐ Add Youtube Buttons A social button linked to youtube Tushar Raj
☑ Add Rounded Social Buttons A social button with rounded corners Neeraj Gupta
☐ Add Share Social Buttons Share button for different social media platforms
☑ Add Rounded Social Buttons A social button with rounded corners Neeraj Gupta
☐ Add Share Social Buttons Share button for different social media platforms
☐ Add Neon Social Buttons A social button with neon glow and icon only Neeraj Gupta
☐ Add Neon Social Buttons A social button with neon glow and icon and text Neeraj Gupta
☐ Add Follow Social Button A social button to follow the creators social media handles Archisman Hota