CLOSE
    A growing repository with 727 bundles & 9732 resources for web ninjas
    (freebies, plugins and snippets) updated & curated every day, so it never expires.
CLOSE
    • CSS Templates (65 submissions)

      A very useful set or templates made in pure CSS.

      • AdminLTE: Dashboard & Control Panel CSS ...

        AdminLTE is a fully responsive admin template. It is based on Bootstrap 3, it's highly customizable and easy to use, fits several screen resolutions and it has been carefully coded with clear comments in all of its JS, LESS and HTML files. LESS has been used to increase code customizability. The template is free and it works on modern browsers.

      • Full-screen CSS and JavaScript Carousel Expos...

        A cool snippet made in JavaScript and CSS that generates a completely flat and animated carousel. It activates when the user scrolls, but the button on the left bottom corner can be clicked and it will show all the screens in one simple page to access them easily. The code was created and uploaded by Virgil Pana.

      • MP: Minimal HTML5 Portfolio Template

        MP is a sleek template made in HTML5 and CSS which has 6 different pages, totally responsive (index, about, contact, portfolio, shortcodes and projects). It was built using the Kube framework, and it includes tons of design elements to be used freely in your next creation.

      • White: One-Page HTML & CSS Theme

        White is a creative one page HTML & CSS theme that can be used as a portfolio, agencies, and more. It has a menu on top, featured image with thumbs for easy navigation, features area, team, testimonials, and footer. White is responsive, and it was created by Eva Theme.

      • Barrier: HTML5 Business Web Template

        A beautiful and responsive template made with validated HTML5 and CSS3, based on Twitter Bootstrap 3. It includes FontAwesome icons, a portfolio layout with 4 columns, pricing tables, post formats, Prettyphoto and Google Maps integration, contact form, Droid sans, Helvetica and lora web fonts and more. This template can be used for free.

      • Photon: Responsive HTML5 & CSS3 Landing ...

        Photon is a beautiful landing page made in HTML5 and CSS3. A template that uses big images, contained within an organized layout. It is responsive and includes icons for featuring products, thumbs grid, sign up form and social icons, among others. The template can be downloaded for free and it was created by HTML5UP.

      • IT Worker: Responsive Portfolio HTML & C...

        A beautiful flat and responsive HTML & CSS template called IT Worker. The main features of the template: - Image slider for each reference project - Filterable portfolio - Testimonials carousel - Working Contact form - Cool onpage animations - Styled google map - Animated counters for projects with parallax background - 6 colour variants - Html5, CSS3 - Fully responsive - Well structured code - SEO friendly - Cross browser compatibility (Chrome, Safari, Firefox, IE 8 +, Opera) - Google Maps on contact page

      • Transit: Flat Responsive HTML5 & CSS3 Te...

        Transit is a responsive one-page HTML5 and CSS3 template, created with mobile devices in mind. The template includes a simple top menu, big featured image with title, description and action button within, features area, about and team area and contact form. It was created by Templated.

      • Karmanta Lite: Free Bootstrap Admin Template

        Karmanta is a compelling free admin template. It is responsive and multipurpose admin theme powered by the Twitter Bootstrap 3.0 Framework. Karmanta can be used for any type of web app dashboard, including custom admin panels, admin dashboards, CMS, CRM, SAAS and websites. It has a minimal, sleek, clean and intuitive design which makes your next project look awesome and yet user-friendly.

      • Landed: Beautiful Business HTML5 & CSS3 ...

        A beautiful HTML5 and CSS3 template focused on huge images, simple divisions, parallax scrolling and a fully responsive design. A straightforward design that fits well with one-pagers. The theme can be used as a business website, a portfolio or even as a product page template for showing its features.

      • Awesome HTML & CSS App Landing Page

        A cool landing page template made in HTML and CSS, totally free to download and use on any project. It is composed of various design elements like a big image header, including logo, menu on top, and a mobile mockup for showing your apps and a little description on the side. It also includes features area, clients, extended product description, testimonials and more. It was created by Creative Tim.

      • Oleose: Mobile Bootstrap App Landing Page

        Oleose is a beautiful Bootstrap template made with Bootstrap (CSS), specially created for mobile devices as an app landing page. It has areas for featured images, about us, features, reviews, screens, demo, get app and support. It was created by Moe Shaaban and it is licensed under MIT.

      • CSS Style Guide Template

        A customizable CSS Style Guide template with the goal of gathering design guidelines and share them with colleagues and clients. It works perfectly on environments in which many people collaborate. It includes styling for branding, typography, colors, icons and more. It was created by Sebastiano Guerriero.

      • Strata: Simple Responsive HTML & CSS Web...

        Strata is a beautiful template made in HTML5 and CSS3, divided in two parts in its desktop view: on one side, it has an image bar including a profile pic, a little description and some contact info, on the other side there's the blog. Strata can be used by bloggers and writers for free. It was created by HTML5 UP.

      • Spirit8: Responsive Business HTML & CSS ...

        Spirit8 is an HTML and CSS template crafted for businesses, small companies and even freelance creatives who need a professional site to show their services and products. It includes several areas like big logo, about us, team, services, clients, testimonials and contact. It can be used personally or commercially.

      • Alpha: Free Responsive HTML5 & CSS3 Temp...

        A responsive template freebie created in HTML5 and CSS3especially crafted for apps and portfolios. The template includes a big blurred image as the header, top fixed bar, title and caption with sign up buttons. Also, it has a "features" area, a sign-up form and social icons. It was made by HTML5 UP.

      • Horizons: Small Company HTML5 & CSS3 Tem...

        Horizons is a nice template created in HTML5 and CSS3 especially for small businesses, freelance creatives and portfolios. It has a simple top menu, a featured image, caption and action button. Also, it includes design elements like widgets, blog posts area, business features, and more. It is free.

      • Helios: Photography Blogging HTML5 & CSS...

        Helios is a responsive template available for free made in HTML5 and CSS3. It is perfect for photography bloggers who like to tell stories along with their pictures. The theme includes a big image header with a menu, logo and caption, some thumbnails, blog area, social icons, and more.

      • CSS & JS Animated Stats Snippet

        A set of beautiful and colorful animated graphs for statistics made with CSS and JavaScript. It creates sparkline graphs, perfect for representations of stock variation or site traffic, as well as circular percentage bars, a trend useful to show skills' and abilities. This pen was created by Jonas Badalic.

      • Gumba: Free HTML5 & CSS3 Single Page Web...

        A crafted theme thought for content highlighting and mobile visualization. It is an HTML5 / CSS3 single page template with elegant typography, dark background, bright colors and beautiful images. The template can be downloaded for personal and commercial uses and it was made by designer and coder Rick Waalders.

      • Beetle: Responsive HTML & CSS Template

        A landing page and responsive template made in CSS and HTML that can be used as a portfolio, a resume for a freelancer, or simply for bloggers. The template has spaces for Latest News, App Showcase, Skills, Quotes, Map and many more elements. It is licensed under MIT, so you can use it any way you need.

      • CSS-only Calendar App Concept

        A simple calendar concept made with pure CSS. It is composed of a flat iPhone mockup showing a calendar in which you can select a date range, and then select the task you want to add to that date range. It is a compelling and useful creation by Codepen's user David Khourshid.

      • Ceevee: HTML5 & CSS3 Portfolio Template

        A clean, modern and responsive web template made in HTML5 and CSS3, perfect for portfolios and resume sites. It has a simple design, yet powerful and complete option to show your areas of expertise, abilities and more. The template has a beautiful front featured image, logo area and description, menu and social sharing icons. You can use this template freely, and it's is released under the Creative Commons Attribution 3.0 License.

      • Hydrogen: HTML5 & CSS3 One Page Template

        Hydrogen is an HTML5 one-page template that is responsive. It has been created using Grunt, CoffeScript and SCSS. It includes HTML5 and CSS3 files as required, has SVG's, filtering, contact form, Google map and more. - To use it, you need to clone the repository to install Grunt dependencies. - Run Grunt in the terminal to compile SCSS and CoffeScript files. - Open the project in an editor and modify whatever you like. It was created by Vadim Goncharov and it is free to download.

      • Fudi: Restaurant Flat Bootstrap Web Template

        The Fudi template is a nice creation for hotels, restaurants and any other food & services company. It is a responsive template made with Bootstrap and created in HTML and CSS. The template has a flat style, and if you add beautiful images, they integrate perfectly with the rest. Within you can find: - Logo and simple sing up / login menu on the upper area. - Responsive featured image. - Caption area in the middle of the featured image. - Big button. - Icons for widgets. - "App" area. - Recommendations area. - Featured category thumbnails. - Stats on footer. Fudi was created by Kristijan Binski and you can download …

      • AppView: Flat Landing Page CSS Template

        ​AppView is a free flat landing page CSS template that was created by Nikita Belousov. This template is perfect for showcasing your mobile apps, and it can be used for the landing page website of your next product or service.

      • Ophiuchus: Responsive HTML5 & CSS3 Templ...

        Ophiuchus is a free responsive HTML5 and CSS3 template that is perfect for business. It is built using the Bootstrap framework and it's fully responsive. The template has a flat style and was created by Behance​'s user Jenn Pereira.

      • Halcyon Days: One-Page HTML & CSS Templa...

        A freebie that comes in the form of a pixel-perfect HTML5/CSS3 template created by Peter Finlan. It is particularly useful for simple sites such as portfolios or start-up sites as its big and simple divisions make for a quick view of the content. It is built with some of the latest technologies, including Bootstrap, Smooth Scroll, Animate.css and more.

      • Flatfy: Minimal HTML & CSS Template

        A gorgeous template created with the latest tools around such as CSS3, HTML5, jQuery and a 12 column grid bootstrap framework, and it shows. The template has a solid, modern look and is heavily animated, but this doesn't stop it from running smoothly and carrying a lot of features.

      • Ninestars: Creative Bootstrap Theme

        An attractive one-page HTML and CSS template powered by Twitter Bootstrap. It is mostly intended for portfolio and creative people who want to showcase their content with a fresh and modern look. It is fully responsive and has a menu hidden on the top left that comes in and out at the press of a button, resulting in an elegant navigation aid.

      • E-Shopper: E-commerce HTML & CSS Templat...

        A clean and classy e-commerce template made in CSS and HTML that will allow you to display your products with style and sell/ship them right away to your customers. The template itself is clean and modern-looking, utilizing white and delicate orange details, as well as a big amount of images (vital for showing the products you're offering). 

      • Devoops: Bootstrap Stage Admin Template

        Devoops is an ideal Bootstrap template to jumpstart your next web application. This theme is built in Bootstrap 3 and is available under GPL licensing. This free bootstrap admin template comes with a dashboard layout, flow charts, Google Maps integration, multilevel menu, table structures and widget elements, among other features. It is free to use in any project.

      • Aditii: Flat E-commerce Responsive Web Templa...

        A cross-browser compatible website template created in code version (HTML and CSS) and PSD format that has a very pleasant blue background, which makes it very appealing to the eyes of any client. It is a responsive website template with four content sliders on top, where you can display the latest brands or products with a catchy description and price.

      • Voyage: Flat Responsive Travelling Web Templa...

        Voyage is a nice, simple template in code (HTML and CSS) and PSD versions so you can adapt it to your next project easily. This template can be used in any travel blog or website, including the necessary element to show your experiences or motivate others to travel.

      • Author: Flat Responsive CSS & HTML Web T...

        ​Author is a personal portfolio made in CSS and HTML that comes with a free flat responsive web design template. You can use this template for any type of website. This web template is built in a fancy style and it includes a good color scheme and grid styled elements.

      • Yolk: Responsive E-commerce HTML & CSS T...

        The guys at W3Layouts bring us Yolk, a flat eCommerce HTML and CSS template that will allow you to showcase all your products with elegance in multiple devices, now that it comes in desktop, smartphone and old mobile versions for the comfort of your users. You can also make a blog for giving additional information and feed your customer community.

      • Foto: HTML5 & CSS3 Portfolio Template

        Foto is a beautiful template that comes in both code (HTML5 and CSS3) and PSD file to better suit your working style and make sure you take the most advantage from it. As you probably guessed by its name, this theme is aimed at photographers, illustrators or anyone who wants to put images as the main source of content.

      • Twenty: Responsive Startup HTML5 & CSS3 ...

        A beautiful, responsive HTML5 and CSS3 template created by the skillful team of HTML5Up. The theme is very simple, but also quite elegant, featuring sections composed of background images followed by flat white backgrounds filled with icons for a splendid visual aesthetic. Of course, the template is available for free by clicking the download button above.

      • The Finest Newsletter: Responsive Email Newsl...

        With this code snippet, we can create simple and responsive newsletter layout. It  is composed by an image header, the main container, the footer, and a visible unsubscribe button. It works perfect for app, software or development companies, and works in multiple devices. It was developed by user Max from CodePen.

      • Astral: HTML & CSS vCard Theme

        A free vCard Theme. Built in HTML5, CSS3 and jQuery, it includes features like a contact form, photo gallery, an iconic menu, and a social link. It has an elegant design, and it is best suited for agencies, freelancers and personal related website.

      • Dark Minimalistic CSS Admin Template

        A rather basic CSS admin panel that features a stylish dark skin. It includes all necessary elements for a complete interface (widgets, stats, to-do list, etc.), neatly organized within its minimal layout. Additionally, the panel on the left side offers easy navigation through the site's sections. Created and shared on CodePen by David HC.

      • Internet Dreams: CSS Admin Template

        Internet Dreams have come up with this admin skin made in CSS to assist users with their own backend applications. The idea behind the design was for it to be user-friendly, clean and appealing, providing all the tools needed to produce any type of backend system GUI. The project is free to use, with master PSD files also supplied.

      • HTML & CSS Admin Panel Template

        A simple dashboard created in HTML and CSS by Asif Aleem. It has different tabs, notification bubbles, an iconic menu, a logo space, and the main container in which you can find the required elements, like error messages, warning signs and success alerts, among many more. This was created with Photoshop in the first place.

      • Claystone CSS Block Template

        Uploaded by ZERGE from Codepen.io, this is a footer made for the Claystone Theme created with CSS and HTML that shows a cool way to turn off and on a light in the main icons when the user hovers over the sections. It adapts to different screens, not in the way we all expect since the icons stick together while the texts disarray.

      • Flat CSS Gangsta Magazine Template

        A particular freebie displays a magazine template with a gangsta concept. It makes use of gigantic typography so it gives the impression of shocking news. It also has a flatly styled layout that takes advantage of red, white and black colors, as well as photographs in grey tones. It was uploaded by Gene Locklin to Codepen.

      • Neurosis NowBelieves: Responsive CSS Template

        Johann Bestowrous has uploaded a beautiful template sample made in CSS that includes large images and big titles which get displayed in fantastic ways when you scroll the page down. This template can be used for portfolio websites themes, it's responsive and the code is editable so you can alter anything any way you like.

      • Brushed: Free Responsive One-page HTML &...

        Brushed is a free one-page responsive HTML and CSS template based on the Twitter Bootstrap Framework. It is optimized for Retina Displays (iPhone, iPad, iPod Touch and MacBook Pro Retina). Perfect for studios, digital agencies or creative people in general. You can use this template for any project.

      • Parallelism: Free Portfolio Site HTML & ...

        Parallelism is a cool freebie for a portfolio site template. It is partially responsive (automatically adjusting rows based on viewport size) but it uses a horizontal scroll, not precisely handy. It has been built on HTML5 and CSS3, and free for whatever you want to create. It was created by Dribbble's user aj.

      • Escape Velocity: Free Responsive HTML & ...

        Escape Velocity is a free responsive site template built with HTML5 and CSS3. It contains a cool menu on top, a header, some beautiful flat icons and lots of widgets. It is flat, but it uses a noise pattern to make it look like old paper, and it was released for free under the Creative Commons Attribution 3.0 license, so use it for any of your personal or commercial projects, just be sure to credit the author.

      • CSS Tiled Static Admin Template

        A flat responsive template composed of little tiles that organize the content and options in grids of multiple sizes. It's made with CSS and HTML and produces a fast and good-looking interface. Developed by Codepen user Christian Naths.

      • Antwort: Resposive CSS Email Layout Template

        Antwort is a set of responsive layouts for email, and since it was originally made for transactional emails with dynamic content, the layouts are thoroughly tested in live environments with real data and edge cases. It satisfies both mobile and desktop users adapting the layout and the design of the newsletters so they are interesting in both scenarios, and it supports every email client available.

      • Demos, Tutorials & Courses CSS Portfolio...

        A portfolio template created in CSS, HTML and JavaScript, a quick, clean, responsive web design perfect for showcasing demos, tutorials, and courses, emphasizing in responsive design. It has a flat style, the typography is quite simple so you can easily edit it and improve it.

      • CSS Flat Calendar Template

        A CSS calendar design that originated from Dribbble and looks like some color-filled version of iOS 7, this cool calendar will allow us to schedule tasks at specific times of the day, conveniently marked with a red dot on their respective date. Simple, appealing and, above all, useful. Just the way we like it.

      • Delphic: Free HTML & CSS Minimal Templat...

        Delphic is a clean and minimalist HTML and CSS template that is convenient to use as an online creative portfolio, and it is totally free! Now it includes new features like patterns, fonts, working contact form, vertical carousel, horizontal carousel, cycle slider, blog page, single portfolio post, tabs, toggle, rich styling options, among many more.

      • Socialike: Free HTML & CSS Website Templ...

        The HTML & CSS version of the premium WordPress Tumblog theme Socialike with 3 bonus homepages. It has 3 sliders (Awkward, Nivo, and Piecemaker), blog, gallery and styling options. Also, it has beautiful realistic icons to help descriptions be more assertive, admits lots of different media, like videos, images and more, and then organises them into the post in a compelling way. It is free only for personal use.

      • Responsive Fullscreen Slideshow CSS Register ...

        A responsive register template with full-screen background slideshow, built with Twitter Bootstrap. It comes with a clean registration form and all the necessary fields, an iPhone mockup to show a screenshot of your application or service, and a header menu to display your logo and some links. The template has also a jQuery form validation to prevent a user from submitting the form without filling all the required fields.

      • Produkta: Free Responsive HTML Bootstrap Prod...

        A responsive HTML and CSS theme built with Twitter Bootstrap and called Produkta. It is a template that can be used commercially or personally, and it's perfect for launching your new product or service, and it comes with four different templates: video, mobile, eBook and coming soon. The theme has all you need to set up your landing page quickly, launch your new product and begin getting clients and subscribers. It comes with pricing tables, a background slideshow, AJAX subscription and contact forms, image gallery, etc. You can also use it just as an “under construction” page.

      • Minimal Bio: Responsive HTML & CSS Site ...

        Minimal Bio Responsive Site Template is a compelling theme made with HTML and CSS for enhancing your website’s functionality. The template is completely adjustable and can be edited the way you like. It includes the nice little CSS animation where the content flies down from above the screen. It’s also completely responsive so it will look great on mobile phones too.

      • Serendipity: Minimal & Free HTML One Col...

        Serendipity is a free HTML version of the fully responsive premium WordPress theme with the same name. The free version is only for personal use. It is a one column blog theme, with 8 post formats (standard, image, gallery, video, audio, chat, quote, link) and it is convenient for everyone with love of blogging. With its minimal design, great color and typography use on your blog, it will provide high readability to your visitors. They also will be able to reach your posts via various devices and read them comfortably.

      • Halftone: Designers HTML and CSS Portfolio Te...

        Halftone is a responsive portfolio showcase for creatives and designers created with HTML and CSS. With a responsive design, this creative portfolio showcase it's perfect for personal blog/portfolio websites. It features blog and work posts on the front page, a Google map and a contact form.

      • Obscura: Free Responsive HTML & CSS Temp...

        Obscura has a free HTML and CSS version that is inspired by the responsive premium WordPress theme of the same name. If you do not think you have enough knowledge on HTML and would like to have a theme with an admin panel along with post formats featuring full-screen gallery, working contact form, and font, color and background options, it is perfect for you.  This template is a responsive blog creation with 8 post format options (standard, image, gallery, video, quote, link, chat, audio) and an amazing full-screen gallery. With these features, it is convenient not only for photographers but everyone …

      • BisLite: Free HTML & CSS Website Templat...

        A modern business website template made in HTML and CSS in its coded version, and also made as PSD. Named as BisLite, the website template comes in three pages — home, portfolio and contact us. The template is composed of a big slider, some widgets for text with icons, other widgets for images, and more. It has a flat style. BisLite template is free.

      • Nina: Free HTML & CSS Minimal Template

        Nina is a free HTML and CSS minimal template for blog or portfolio purposes. It contains five complete pages (Home, About, Portfolio, Blog, Contact), created by Flay. It has a responsive version and you can download the PSDs if you need to make further adaptations, but you have to pay for them.

      • Andia: Responsive HTML & CSS Portfolio T...

        A free web design resource with a responsive agency/portfolio HTML & CSS template named Andia, which has been built with Twitter Bootstrap. Andia comes with five fully responsive pages, including home, portfolio, services, about, contact, and it’s perfect for creating a website for a small business or a personal portfolio.

      • Responsive HTML5 & CSS3 Template

        A responsive HTML5 and CSS3 design for any blog. It has the regular elements of a website such as a header, menus, featured post frame, content widgets and more. Images and links have nice hover effects. The containers have simple shadows and the layout comes in a minimal style. You can always grab the code and modify it, for free.

      • Collapse Expand List View all items Download Bundle Submit
    • CSS Menus (81 submissions)

      A complete catalog of partial or totally CSS-based menu experiments with radically diverse styles and functions.

      • CSS and JavaScript Radial Menu

        A simple yet complete menu with a radial effect made in CSS and JavaScript. This is a cool effect that can easily be styled and integrated into any web or mobile project. Within, social icons can be included, as well as other types of icons. The code is free and editable.

      • CSS3 3D FlyOut NavBar

        A navigation made with pure CSS3 that creates a flyout navbar with 3D transforms. It is a simple creation that can be included easily into any website, and can be styled easily as well. The navigation was created by Tiffany Rayside.

      • CSS and jQuery Navigation Reveal Effect

        A nice CSS and jQuery effect for a navigation menu. It works by revealing a simple text menu once the button is clicked, putting apart the whole content window. The menu can integrate images if you need them, and the velocity can be modified at will. This snippet is free and was made by Codepen user ZCKVNS.

      • Responsive CSS Navigation Menu Ideas

        A set of CSS effects for navigation. All of them are responsive, consisting of off-canvas menus. The menus appear differently, and you can adapt the one you like to your project for free. Created by Andrzej Dubiel.

      • One-page CSS Navigation Menu

        A simple code snippet in CSS for creating a one-page menu. The snippet uses very little CSS and no JavaScript, and It can be used commercially or personally, as long as you provide proper attribution. It was created by Alberto Hartzet.

      • Vertical CSS and JavaScript Navigation Layout

        A nice navigation layout displaying a simple menu icon. Once clicked, a side menu with colorful icons appears. The layout also has some effects for screen transition. It was made with CSS and JavaScript by Codepen user Ettrics.

      • Fully Responsive CSS3 Menu

        A compelling responsive menu made in CSS only. It has a profile pic on top, and some links for dashboard, customers, users and setting. The icons were taken from Entypo, and the avatar was taken from UIfaces. This menu can be used for free, modified and it was created by Claudio Holanda.

      • Open Close CSS Animated Menu

        A responsive menu for mobile apps and ever for web purposes made in CSS. It includes several different icons and colors, giving it the appearance of a Metro interface with some effects and animations. This snippet was created by Vineeth.TR.

      • CSS3 Circular Weather Menu

        A simple circular menu made in pure CSS3 for a weather app or related. It is a colorful snippet, that activates on click and shows different icons indicating weather conditions. It can be modified and it was created by Moreno Di Domenico.

      • Off-canvas CSS & JavaScript Menu

        An off-canvas menu with effects on click and hover made with CSS and JavaScript. When clicked on the menu button it displays the effect on links, and when you hover a link it darkens a bit. This snippet can be implemented in any project.

      • Pure CSS Dropdown Menu

        A simple flat menu with smooth effects made in CSS format. It follows the mouse when you hover over one item, and it displays a submenu. The animations were carefully crafted with CSS and it can be implemented on any website. This was created by Codepen's user Robert.

      • Pushy: Off-Canvas Navigation Menu

        Pushy is a simple off-canvas menu created using CSS transforms and transitions. It has a smooth performance when used on mobile devices, includes fallback animations for IE 7 to 9, if a link is selected the menu closes automatically, it is responsive and has collapsible submenus. It was made by Christopher Yee.

      • Minimalistic Flat CSS Navigation

        A flat navigation made in CSS and JavaScript showing some tabs and a drop-down menu. It can be used in any website, matching its style. It was created by Andy Tran.

      • Mobile App CSS Sliding Menu

        An actionable menu for mobile apps that appears when hovered over made with CSS. The menu that appears has a beautiful background which can be dynamic according to the images the user uploads, and the menu slides from left to right smoothly. It was created by Virgil Pana.

      • Material Design CSS App Menu

        A compelling menu for mobile apps made in CSS and JavaScript. It shows a simple feed interface with a menu button. Once clicked, the menu appears as a white circle covering the whole screen, displaying the menu. This snippet is nice, although it can be a little smoother in its movements; it was created by Virgil Pana.

      • Slideout.js: JavaScript Touch Slideout Naviga...

        A sliding touch navigation menu for mobile apps or even web projects. It is a dependency-free, simple markup, native scrolling, easy customization, CSS transforms & transitions, and it weighs just 4 Kb. This menu was created by Mango.

      • Colorful CSS Explosive Menu

        A menu made in CSS inspired by the Material Design trend. It is a colorful creation, containing icons within boxes that come to life when the user activates the menu. It also make some particles flow around the canvas, and then gathering them back when the user closes the menu. This snippet was created by Harris Carney.

      • CSS & JS Radial Pop-Out Navigation

        A compelling menu for apps and websites made in CSS and JavaScript. It consists of simple circles with icons inside for the action you need. You can adapt it on your designs easily and use it freely. It was created by Dudley Storey.

      • Material Design CSS Off-canvas Menu Transitio...

        A beautiful transition made in CSS for an off-canvas menu implementing the guidelines of Material Design. It shows a little plus sign comprised within a circle and when you click it, it displays the full box with text, images or whatever you want to show. This snippet was created by Jeff McCarthy.

      • Material Design CSS Gooey Menu

        A cool material design Menu made with CSS. It appears progressively resembling goo. The element is still in version 1 so it is not quite good and the animations look a bit forced. However, you can smooth it yourself. It was created by Lucas Bebber.

      • CSS & SVG Material Design Gooey Menu

        A gooey menu created in CSS and SVG following the Material Design guidelines. It is one of four styles of gooey menus which have similar animations. However, this circular effect makes this a bit more relevant since it can be used not only on websites but in mobile apps as well.

      • CSS & jQuery 3D Rotating Navigation

        A CSS and jQuery navigation that looks like a 3D effect when it appears. It is complemented with beautiful typography and outlined icons for major impact. It uses CSS transforms and transitions to make it smooth and neat. It can be used freely.

      • Stretchable CSS Interaction Menu

        A simple interaction menu for apps that can be stretched to reveal the menu elements created with CSS and JavaScript. It reveals the menu items organized in a list, created especially for mobile devices, although it can be adapted to desktop versions of websites. It is free and it was created by Codepen user Fabrizio Bianchi.

      • Pure CSS Off-canvas Menu

        A notable code snippet for an off-canvas menu with flexbox created with pure CSS. It uses flexbox to control the layout and to resize the content area when the menu gets visible. Instead of overflowing the viewport and getting cut off on the right side. This snippet doesn't use JavaScript at all but uses The Checkbox Hack, appeared in CSS Tricks instead. This pen was created by Zoe Gillenwater and uploaded to Codepen.

      • CSS Off-Canvas Menu Effects

        A compelling set of effects for off-canvas menus. It uses different layouts and transitions, making the overall page look awesome and coordinated, making space for actionable items in the menu and controls. These effects were made using CSS transitions, CSS animations made with bounce.js, and animated SVGs using Snap.svg. Additionally, the font icons used were from Font Awesome and the random users from Random User Generator. The menu effects are: - Top side - Side slide - Corner box - Nested corner box - Top expand - Corner morph - elastic - Bubble - Wave This tutorial + code snippet was created by Mary Lou from Codrops.

      • CSS Rollover Menu States & Effects

        A set of rollover states entirely created in CSS. They are composed of triangular menus that activate different effects when hovered over. It includes logo reveal, grow regular and opposite, rotate right and left, and grow rotate. This code snippet was created by Andy Fought, who uploaded to Codepen.

      • Flat CSS Menu Toggle Button

        Inspired by Loredonut’s Pen from Codepen (a simple unicolor menu), this is a beautiful menu with CSS animations, for the button to activate and close, as well as the actual items in the list. Elements have rounded corners, unlike the original, and the effects were made based on Todd Motto functions. Geoffrey Crofte made this development and uploaded it to Codepen.

      • CSS3 Funny Menu

        An excellent CSS menu created by Wagner Moschini with the appearance of stacked boxes. We can include it into our websites to make them more beautiful and striking, making it the main menu of a website, with the idea to drive users' attention to it.

      • CSS3 Responsive Navigation Menu

        A responsive menu that includes dropdowns on the design, created with pure CSS3. The elements on the menu are intended to resemble those on the periodic table. This menu was made and also uploaded to CodePen by the user Jeremy Cloutier.

      • CSS Sliding Menu Tiles

        A centered group of colorful icons with smooth slide animations made in CSS. It features mouseover effects for big screens and focus effects for smaller devices. As a fun little detail, an extra menu can be seen after entering the famous Konami code.

      • Black Neon CSS Navigation Menu

        A very appealing CSS menu uploaded to CodePen by the talented Sara Soueidan. Showcasing a sober, elegant look, this menu highlights hovered options with a fancy neon-like effect that lights up the icons. When pressing on the buttons, they display a delightful shadow effect, too.

      • CSS Sliding Panel Menu

        Jeremy T has developed this good-looking slide out menu based on the jPanelMenu plugin. The idea behind this is pretty simple: We place a button on the upper corner of the screen that when clicked, triggers an animation that slides out a menu. The rest of the page moves and adjusts its content to fit in the screen.

      • CSS Swinging Panel Menu

        An attractive menu developed with pure CSS. It features an impressive effect that makes panels "swing" in order to show the submenus when hovering, this is achieved by taking advantage of CSS keyframe animations. Uploaded to CodePen by Seth Abbott.

      • Responsive Black & Red CSS Navigation Me...

        A responsive menu adapts to different screen sizes by displaying its content in two ways: On big screens, it shows the icons along with the description of every element. On smaller displays, it only shows the main icons and reveals the descriptions on hover. Created by Sara Soueidan and uploaded to CodePen.

      • CSS Sliding Border Navigation Menu

        A navigation menu created by CodePen's Marcello Africano. Styled with bright colors, it highlights elements on hover with a bar at the bottom of the selection, making use of a super smooth animation. Everything you see in the demo is coded with CSS.

      • CSS Unwraping Menu Hover Effect

        An interesting menu that features a contracted piece of "paper" that expands on hover by using a neat transition. After this, it displays a set of icons that can be used by the reader. Created by Nate Cohen based on a Dribbble shot by Adis Hasanic.

      • Two-Level CSS Dropdown Navigation Menu

        A good-looking, flat drop-down menu created with HTML and CSS. It is responsive, meaning it will react and adjust its size on any type of screen and device. Its main advantage is represented by some great performance given its lack of animations and simple design.

      • Icons & Notifications CSS Profile Bar

        Johnius from CodePen has developed this gorgeous bar for profile management called "I'm on the flat diet" based on an original design by Robert Van Klinken and made in pure CSS. It matches pretty well with other websites given its simple and laid-back design. Also, the markup was made by Johnny Concent.

      • CSS Animated 3D Blocks Menu

        A fantastic 3D vertical menu with a sleek animation made in CSS. It is formed by a set of boxes that spin to the right on hover, this spin is not made without the wonderful 3D animation that makes it stand out, with the edges of the box clearly coming out of the design. Created by Joshua Hibbert from CSS Deck.

      • Rolling Navigation Menu with CSS

        This navigation menu is a remake of the one created by Sohtanaka, but with the difference that the original was made with jQuery, whereas this one is created with pure CSS, although the concept remains exactly the same. It features a nice animation when hovering over its options. Designed by CSS Deck user Taufik Nurrohman.

      • Animated CSS Leading Slats

        A project that takes advantage of a few CSS3 properties to make animated “slats” that roll down to appear, creating a really nice effect. The slats receive a 3D transform effect in order to look the way they do while animation and keyframe properties are also applied. Remember this tool only works in Chrome, Firefox and Safari.

      • CSS Sliding Navigation

        A concept that enables multi-level navigation through a sliding animation, made in CSS. This allows the exploration of unlimited amounts of options within the same space, at the expense of some speed, since a click is needed each time the user wants to go back a screen.

      • CSS Social Profile Menu

        Kirill Zakharov provides a quick coded version of his own Dribbble shot. This stylish and clean menu provides some subtle, yet very satisfying shadow effects on hover along with some self-explanatory icons that reveal the menu's presence as a more social-oriented tool.

      • CSS Flip Menu Perspective

        A sleek menu by CSS Deck user José Barcelon-Godfrey. He provides a nicely designed menu with smooth hover animations that show a description of the option we are highlighting along with a pretty background picture. Webkit browsers are recommended in order to get the most out of this tool.

      • Vertical Animated CSS Navigation Menu

        A rather simple vertical menu inspired in Facebook’s mobile app. When hovering over an element on the list, a subtle animation moves the element to the right. This can be accomplished with the help of CSS3 and its transition property, which, unfortunately, is not yet supported on IE and Opera.

      • Responsive CSS TableView Menu

        A responsive menu made in CSS intended for displaying options in a clean and non-distractive manner. We can also include toggle options and a cool set of icons better suited for customization settings, but, as you know, you can always make a few tweaks to match your needs and style.

      • Slide Out CSS Mobile Menu Experiment

        A code snippet based on other pieces of work, it creates a nice menu with smooth transitions. It starts as a regular page with a button on the side; when clicking on this button, a lateral menu comes up, moving the entire page. It is a responsive design, so it can be used in handheld devices, as well.

      • Pure CSS3 Hover Vertical Menu

        A cool experiment generates a menu with a neat flat design and interesting animation effects. When hovered over, the items will perform a smooth transition as the corresponding icon spins around itself. Created by user Jitendra from CodePen using HTML and CSS.

      • Big Click: CSS Experimental Buttons

        A neat set of experimental buttons that expand when clicked, displaying a transparency effect. If the cursor is placed on top of the buttons, they will change slightly to signify they are being hovered on. Created by CodePen's Bennett Feely using CSS only.

      • Off-Canvas CSS Mobile Slide-Out Menu

        A CSS interaction that triggers an animation that will move the page to the side and introduce a set of options that will fade in one by one in a stylish manner. By using the :checked pseudo-element, we can design a mobile menu that slides out when clicking on the button placed on the top corner.

      • CSS Radial Menu Experiment

        A cool experiment that uses only CSS with their option for radial menus. Based on an older pen, this is a recreation of that original project. The menu starts at the top corner and, making use of a transition, it displays a set of selections on hover. It was uploaded by Codepen's user Anonasaurus Rex.

      • CSS Mobile Slide-In Menu

        A nicely styled menu that displays options after a well-worked slide animation that moves the whole page to the side. It is mostly intended to be used with mobiles, however, it produces a pleasant result in desktops. It is built with CSS (SASS) and a bit of jQuery.

      • Simple & Clean CSS Menu

        A simple and clean menu that applies a clever dynamic in the way it displays options to the user. First, they need to click on the desired selection and then, the rest will be displayed by just hovering over them. Created by John W. Long from CodePen.

      • CSS3 Circle Path Menu

        A beautifully styled CSS3 menu with animated circles. The idea is to have a big element floating around that releases smaller ones when we hover over it. While the process happens, the elements spin and move in an attractive manner thanks to the nicely applied transitions.

      • Circular Motion jQuery & CSS Effect

        A nice jQuery and CSS plugin made by Mary Lou from Codrops. It helps you create a menu formed by floating circles. One main element will display options that, when hovered, will have a smaller circle complementing the information. It is created using the jQuery.path plugin for the animations.

      • Responsive Minimalistic CSS Menu

        CodePen user usf has created this simple and stylish CSS menu with useful icons for profile and message managing. It is responsive, contracting and expanding the icon descriptions accordingly.

      • Creative CSS3 Animation Menus

        A truly impressive set of animated menus created with CSS3. We dispose of 10 examples with gorgeous transitions using blurs, slides, turns, zooms and more, applied either alone or in combination. If you want to have a good looking site with awesome menus, you won't find many choices better than this.

      • Animated CSS Feed Menu

        A menu is inspired by the Feedly app for iOS but includes some features and tweaks of its own. First, the options on the menu fade in one by one as the page loads, giving it a cool introduction. Second, the choices animate on hover, stretching a little bit to the right.

      • Flat CSS Mailbox Menu

        A rebound of a Dribbble shot by Rovane Durso, made with CSS and uploaded to CSSDeck by LukyVj. This menu features a minimalistic interface with a very pleasant color palette and a nice set of icons. Also, we get the possibility of displaying notifications, definitely a must for a mailbox interface.

      • Pure CSS Spin-Out UI Menu

        A very cool menu created in CSS by Billy Crist from CodePen. All you need to do is hover over the main menu icon, this will trigger a beautiful and smooth animation that displays all options available around the circle. Perfect for showcasing short or basic info in a tight space.

      • Animated CSS Ribbon Menu

        A terrific menu placed over a surprising CSS ribbon that comes loaded with awesome hover effects, making the ribbon bend itself, raising the menu element highlighted over the background through a wonderfully achieved 3D result. A slight color change is also included.

      • Minimal CSS Menu

        Aleks from CodePen brings us this beautiful menu with a flat, colorful design. A great feature it offers is the possibility to resize and drag the interface with the help of jQuery, although you have to activate that yourself in the demo to see it in all its glory.

      • CSS Lavalamp-Like Fancy Menu Effect

        An awesome CSS menu effect that resembles a sliding or "lavalamp" menus. We will go through three different examples with their own style and animations, everything (including the transitions) is created with only CSS3.

      • Horizontal CSS Drop-Down Menu

        A large drop-down menu inspired in the one found at Microsoft’s website. Useful for displaying vast amounts of options without draining all the space available. Also, it's possible to adjust the menu in order to use it with smaller screens and devices.

      • Vertical jQuery & CSS Scroll Menu

        A scrolling menu created with jQuery and CSS. The menu has a very long list of elements on a medium sized box, which scrolls up and down as we hover on the respective section, all done with supremely smooth movements.

      • CSS & jQuery Fixed Face-out Menu

        A fixed CSS and jQuery menu that will follow users as they scroll down the page, but fading out to the point where it is almost invisible. The menu will come back to its usual shape only when the reader hovers over it.

      • Responsive CSS Retina-Ready Menu

        An amazing menu that comes boosted with a number of very useful options that make it versatile and attractive. Is responsive design has three different layouts depending on the screen size, including a tablet-optimized version. Also, it is Retina-ready, this is achieved by using an icon font instead of images to avoid pixelation when zooming in.

      • Mailbox UI: CSS Flat Mailbox Menu Design

        A beautiful mailbox menu design created by Marco Biedermann from CSSDeck. It showcases a flat, simple design with highlighted notifications and an expandable “more” button, although it isn’t active in this demo. Moreover, there is a neat set of icons accompanying the interface.

      • Vertical CSS3 Drop-down Menu

        A vertical menu design with only HTML and CSS3. It includes some new CSS properties that might only be supported with the latest browsers, so keep that in mind when implementing it. Also, it features an attractive set of animations and multi-level navigation.

      • CSS Dark Navigation Menu Bar

        A neat navigation bar features a dark skin with colorful details on the bottom of each option. When clicking on the elements, they animate towards the background with a nice shadow that helps accentuate the effect. Designed with pure CSS by Thibaut.

      • Light Horizontal CSS Navigation 

        A light, yet strong CSS navigation menu with cool hover and active effects, as well as clean, white style that includes smooth shadows. Once we click on a button, it animates and stays pressed, just like the buttons in an old stereo player (do you young kids know what those were, anyway?).

      • Gorgeous Minimal CSS Menu

        A gorgeous CSS drop-down menu with loads of details that enhance its overall look to a high standard. It features a transparency for the background and the drop-down itself, a smooth animation to bring the lists when clicking on the main element and a cool highlight when hovering.

      • Simple Menu CSS Code Snippet

        A CSS code snippet example that features a simple menu. When you hover over or click one of the buttons, it shows different submenus. It is meant to be used as a drop-down bar for a mobile or regular website. You can edit the HTML to add more elements, the CSS to modify its appearance and the JS for improving the functionality.

      • Old CSS3 SmartPhone Menu

        A good-looking menu for smartphones or tablets made with CSS3. They can be used as little sidebars or widgets on your desktop websites. CSS3's box-shadow and linear gradient effects are the only ones used in this article, to very likeable results.

      • Simple CSS YouTube Menu Effect

        A stylish CSS menu inspired by the one seen on YouTube's left side. When clicking on the initial element, a fast, sharp animation marks the opening of a dropdown that displays all the options available. This example features a beautiful design with bright colors and attractive icons, that you might want to keep.

      • Responsive CSS Multi-Level Menu

        A responsive, multi-level, animated menu made with CSS that will allow us to display many options with an intelligent use of space, in any device. The great part about this menu is its ability to display the next level without growing larger, but just putting the current info on top of the previous one.

      • CSS Responsive Multi-Level Navigation

        A smooth and adaptable menu that will adapt to different screens and provide quick access to several levels of selections. It was created by Micah Godbolt and uploaded to CodePen.

      • Flat Colorful CSS Menu

        A colorful CSS menu design by Ryan Bishop that provides a pleasant view of options. Each option highlights with a slightly darker tone on hover, however, the effect is not as responsive as we'd like, in any case, when working at the right speed this tool is more than capable.

      • CSS Sidebar Navigation Concept

        A CSS menu that provides an elegant, smooth interface for your website. It is fully animated, displaying movement at every click or hover. The shadow effects found in every button accentuate the sober look it projects while staying dynamic, attractive and not boring at all.

      • Little Flat CSS Menu

        A simple menu made only with CSS. It features a very light design, including just what is needed inside. On hover, our selections are highlighted in light blue, which gives the menu some needed color, although, as you know, you can always grab the code and modify it at will.

      • Simple Elegant CSS Dropdown Menu

        A simple and clean design for a drop-down menu made in CSS that does not distract you too much, letting you focus on the important part: the content. Talking about focus, it applies :focus to allow the menu to be closed when clicking somewhere outside. Created by CodePen user Kasper Mikiewicz.

      • Collapse Expand List View all items Download Bundle Submit
This a test message in global notification
Your download will start shortly.

Done!

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Browse
Done

Thank You!

Your post has been received, and will be reviewed by a curator

Open bundle builder

Bundle Builder

0 elements selected | Clear all ×

Select the bundle you want to add the items to.

Search bundle (filter by name)
Create new bundle
×

Add new bundle

×

Edit bundle