Twitter Facebook RSS Logo Logo

Useful CSS3 Design Resources – Menus, Buttons, Ribbons & More

Here is a collection of high-quality premium CSS3 design resources for every web designer’s toolbox. They range from shadows, drop down menus, tooltips, image lightboxes, web pricing tables to ribbons, buttons, login panels, footers, bookmarks, accordians and more! Use these premium CSS3 resources to spruce up your website and make it fast loading!

Useful CSS3 Design Resources - Menus, Buttons, Ribbons & More

CSS3 Shadow Pack – The regular CSS3 box-shadow property is quite restrictive in the type of shadows that you can produce. So whenever we need to include any fancy shadows in our projects, it is Photoshop to the rescue ! But now with this CSS3 Shadow Pack you can say goodbye to Photoshop. As the title says these shadows are done entirely using CSS , and no images at all have been used. The process of applying a shadow to a container is as easy as applying a few class names to that container.

CSS3 Shadow Pack

Minimal Transparent MenuMinimal Transparent Menu is the ideal choice of navigation for a website with a photo or a landscape as a background. It’s clean, simple and really easy to use thanks to its semantic markup. It also features important things like unlimited menu levels or cool things like slide effects.

Minimal Transparent Menu

Kooltip – CSS3 tooltip

Kooltip - CSS3 tooltip

CSS3 Image Lightbox – This CSS3 Image Lightbox is a simple and effective alternative to javascript-based solutions. It works on mouse click and has been tested on all major browsers.

CSS3 Image Lightbox

Modern Menu 2 – Modern Menu 2 was designed and developed to be a modern, flexible, easy to use and customize menu. It is perfect for creating a quick and dynamic menu to use for your site.

Modern Menu 2

CSS3 Web Pricing Tables Pack (Grids) – This is a pack of pure CSS3 Pricing Tables (Grids) with 2 table styles and 20 predefined color versions including: hover states, ability to add a custom ribbon to the column header, table cell tooltips. This version is dedicated for any custom CMS based site.

CSS3 Web Pricing Tables Pack (Grids)

Pure CSS3 Sticky Footer – This CSS3 Sticky Footer will help you to create unique footer with CSS /XHTML only, there is absolutely NO javascript.

The content can be organized into simple “drop-up” lists or in 1, 2 or 3 columns based on the 960 grid system.

Pure CSS3 Sticky Footer

Easy to use HTML5 & CSS3 Login Panel – Nice, clean and easy to use CSS3 login panel which 3 included color schemes.

Easy to use HTML5 & CSS3 Login Panel

Menu with CSS3 Effects and Notification Bubbles – This Menu with CSS3 Effects and Notification Bubbles has everything you need. The functionality is divided in different parts and that makes it very powerful.

The core is a rock solid base for every css menu with unlimited menu levels and a mega menu. The effects are pure css, but you can use the jQuery plugin for support in older browsers. The menu styles are also pure css and there are no images used.

Menu with CSS3 Effects and Notification Bubbles

Business Pro CSS3 Buttons & Elements – A CSS3 /HTML business/professional, modern, UI element collection.

Business Pro CSS3 Buttons & Elements

CSS3 Mega Drop Down Menu – This Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS /XHTML and comes with a fully working contact form.

3 main variants are included : horizontal, vertical aligned on the left and vertical aligned on the right.

CSS3 Mega Drop Down Menu

CSS3 Tooltips Pack – This is a pack of pure CSS3 Tooltips with 6 tooltips positions and 50 predefined styles including: tooltips with headers, tooltips with notification icons, tooltips on form fields (on hover or focus), adjustable tooltip delay, support for images and movies.

CSS3 Tooltips Pack

CSS3 – Social Media Icon List

CSS3 - Social Media Icon List

Login & Register Form With Error Handling – This is clean and pleasant designed login & register HTML user interface with error handling and social buttons. It’s really usable and readable.

Login & Register Form With Error Handling

CSS3 Bar Graphs – This is a set of pure CSS3 Bar Graphs in clean 3D style. You can easily visualize data without having to use javascript or php or even images. This set comes with 9 predefined graph styles – single and grouped bar graphs.

CSS3 Bar Graphs

Responsive CSS3 Pricing Tables – This pack of CSS3 Pricing Tables is a complete solution for building awesome tables in minutes. It comes with 6 color variants as well as 2 table variants (light or dark).

Responsive CSS3 Pricing Tables

CharBar – Sidebar Navigation

CharBar - Sidebar Navigation

Responsive Multi-Levels/Drop-Down Icon Menu

Responsive Multi-Levels/Drop-Down Icon Menu

CSS3 Accordions – This is a pack of pure CSS3 Accordions – horizontal and vertical. Tested and working in all browsers. IE 6 – 8 is supported by JS (jQuery Fallback). This version is dedicated for any custom CMS based site.

CSS3 Accordions

Elitepack Classic CSS3 Pricing Tables and Boxes – Elitepack CSS3 Pricing Tables and boxes are a collection of pure CSS3 Pricing web elements that are uniquely designed to showcase pricing features for your products or services.

Elitepack Classic CSS3 Pricing Tables and Boxes

10 Responsive All Devices Layouts. Set. HTML5. – Set of 10 website pages-layouts can serve as a base for full website that fits all screen resolutions. Written in HTML5 , calculated in percentage.

You can assemble pages and inner blocks of markup according your needs by simple copy-paste from one file to another. Each HTML page comes in separate folder and accompanied with specific stylesheets (general, individual, for small devices).

10 Responsive All Devices Layouts. Set. HTML5.

iNav – CSS3 Menu

iNav - CSS3 Menu

Responsive Clean Simple Pricing Tables

Responsive Clean Simple Pricing Tables

Notification Boxes

Notification Boxes

CSS Apple Menu

CSS Apple Menu

Button Pro – CSS3 Buttons – Button Pro is an easy-to-use and colorful set of buttons made in CSS3 . It degrades nicely on older browsers.
Included in the package there is also a set of buttons used by famous web services (google, twitter, facebook, wordpress) recreated in pure CSS3 .

http://codecanyon.net/item/button-pro-css3-buttons/233753?ref=entheosweb

Clean Share Bookmark (10 styles, 62 icons)

Clean Share Bookmark (10 styles, 62 icons)

CSS Ultimate Menus

CSS Ultimate Menus

CSS3 Ribbon Pack – CSS3 Ribbon Pack features a large collection of ribbon styles that are regularly used in websites. You get Wrapping Ribbons, Hanging Ribbons and Banner Ribbons.

CSS3 Ribbon Pack

Metro – CSS3 Mega Menu – This is a CSS3 Menu inspired in the new Microsoft Metro UI. It comes with 4 different “box” layouts, 5 images animations and more nice features. Is very easy to use and install, well documented and no JavaScript/jQuery.

Metro - CSS3 Mega Menu