There’s hardly any website that doesn’t have two kinds of buttons, namely; social media buttons and call-to-action buttons. While the former is a totally different topic altogether, in this post, I’m featuring the call-to-action button templates to download.
Editor’s note: This post was originally published in August 2014 and was updated in March 2018 on the basis of new content by Ashutosh KS.
Buttons in HTML/CSS/JS
If you are looking for some fun way to show actionable items, then Fancy Floaty Button sounds like an ideal choice. It shows a simple colored button that floats with a slow up and down transition. You can also change its content and design as needed.
RubyMotion CTA-button is a beautiful and attractive call-to-action button, thanks to its vibrant color. I like the animation on hover, which fills the whole button with color.
This template shows a simple call-to-action button with a pulsing background. Thanks to its pulsing nature, it is noticeable enough to catch every visitor’s attention.
Button Flip-down Call to Action is a simple call-to-action button template with a flip animation that seems like a mailbox is opening. Due to this animation, I liked this button.
This set of six buttons with different types of hover animations is a perfect set of a call to action buttons if you are looking to place different button types and keep it all unique.
If you wish to show a video or promo link as a call-to-action, then YouTube Call to Action is the ideal choice. It showcases a clean, visible button that displays additional information on hover, and you can customize its colors to stand it out along with your design.
Material Design Animated Buttons bring out the simplicity of material design in a call to action button. It shows four buttons with varied designs and ripple effects.
A beautiful and interactive call-to-action button template, Micro Interaction Button shows a clean design that shows button text along with an icon. Though this template displays an icon on hover yet you may customize it to add any other content as well.
Strong CTA Button Animations shows multiple buttons in different colors. I liked its buttons’ plain and simple design with a transition effect on its background color.
The favorite call-to-action button that you see everywhere on the web. This CSS-based template also explains basic design specs for creating a button that converts.
Call to Action Experiment is another interactive button set like Micro Interaction Button. It shows text in normal mode and shows an icon in hover mode. As with the other button, you can also customize it to show any content to improve the interaction.
Buttons in Photoshop PSD
It is a beautiful kit of multiple call-to-action buttons including sign up, download, read more buttons, etc. It showcases these buttons in various styles and colors, allowing you to choose the button that best suits your brand and design for performance.
CALL-TO-ACTION Button is a simple and attractive button for showing actionable items. It showcases a round design with a gradient background.
A set of three-color buttons, Call To Action Buttons showcases download button in three different colors and two modes – normal and pressed (clicked). You can also modify the button to show separate action while maintaining the button’s design.
Big Green Button showcases a single, big call-to-action button that is perfect for showing extended info or text along with an actionable item, for example, pricing info.
Free Call to Action Buttons showcases a sign-up button in multiple sizes and colors. Though their design is same yet their variety helps to select the best one per needs.
This call-to-action button template displays multiple button variants, showcasing rounded buttons, round-bordered buttons, and small circled buttons. In this set, you can also notice the effects of various shadows and borders, and choose the one deemed fit.
Call to Action Butttons is a simple template showing multiple buttons having different shapes and a gradient background in varied colors. The set shows numerous button sizes and includes icons as well, following the current trend of text cum icon buttons.
Call To Action Button PSD is a template showing two combined buttons for creating actionable group buttons. The template includes text cum icon in the button and showcases a button set with circular border and two states or modes – normal and clicked.
This button template, like the one above, shows a button with some text cum icon, a gradient background, and a rounded border in normal as well as hover states.
Download + Upload Buttons PSD presents three sets of buttons in two colors and designs. Though the template shows upload and download buttons yet you can modify it to meet your requirements. Also, it showcases the buttons in hover and non-hover states.
CTA buttons shows three call-to-action button sets in varied colors. The buttons are defined, bold and display the style in two different modes – normal as well as hover.
Learn More Buttons showcases a learn more button is three different styles – normal, hover, and active/clicked. These buttons contain text (“Learn More”) and an icon, but you can change their content to suit your brand or site requirements, of course.
Free Button Set displays multiple buttons in different colors – light and dark – to fit various color schemes or themes. There are five buttons in this template with varied designs, showing icon, badge, and text in a different style, at different places.
A set of absolutely unique “call to action” buttons designed by Kuldar Kalvik.
Pretty 3D buttons which will work pretty good as “call to action” buttons.
This set probably exceeds the quality of most items found in premium market, looks very charming and professional.
High quality and big enough to call for an action.
Nicely designed 3D buttons with balanced typography and gorgeous color scheme.
Very cool and sleek “call to action” button that’s adaptable to a variety of designs.
A set of minimalistic download buttons which come in 3 different states – default, hover and clicked.
The best free app store related “call to action” button I’ve seen so far.
Pink and suitably designed “call to action” that really attracts you to click it.
Pretty unique download button well-suited to software or web application site.
A green button that tempts you to click on it.
Professionally designed web buttons for different uses created by design professional DryIcons.