Bootstrap freebies

Free Bootstrap One Page Templates

Bootstrap is an open-source JavaScript framework , developed by the team at Twitter . It is a combination of HTML , CSS and Javascript code designed to help the user interface components . Bootstrap has been programmed to support both HTML5 and CSS3. Here is some bootstrap one page templates, these all free to use. You can understand bootstrap coding by editing these templates

Bootstrap Tutorials

Top 42 Resources for Customizing Bootstrap

Twitter Bootstrap is the famous and popular front-end framework for the design of websites and apps .Anyone can start with a template. Promotes simple , attractive design and is bundled with a sensible default stylesheet , javascript and jquery libraries also icons files . Easy to understand for a beginner. Although it does not come […]

Bootstrap

Top Icon fonts Resources for Bootstrap Design

The following is a list of useful resources when working on icon section with Bootstrap. We’ve included top icon fonts website list. We will continue to find resources to add this page so make sure to bookmark and come back. If you have a suggestion, please message us. cheers !

Bootstrap freebies

10 Free Bootstrap 3 Portfolio Templates

In this post we have collected 10 Bootstrap 3 Portfolio templates for you to freely use in your coming projects. These all bootstrap templates free to download and you can customize for your own need. Also its easy to update the templates to latest bootstrap versions. All These free bootstrap portfolio templates helps you to […]

Animation Jquery

Menu to cross icon With JQuery and CSS3

The project menu -to- Quersymbolist a project to make people different ways a “menu icon ,” the show to have to switch to a ” cross symbol ” ( ☰ -> ✖ ) . Some techniques use vanilla Javascript , using some jQuery and some are just CSS powerd ! Demo Read More

Animation Jquery

Lightest Tweening Engine for jQuery : jQueryTween

A super light and easy jQuery plugin which ( , animation engine Javascript) works as a controller for tween.js , and jQuery user , makes the job much easier. Imagine writing init ( ) , animate () and update () over and over again . This plugin is a bridge to tween.js and aims to […]

Ajax Jquery

jquery tree plugin : jstree

jsTree jQuery plugin that provides interactive trees. It’s completely free , open source and distributed under the MIT license. jsTree is easily extensible , Themable and configurable, supports HTML and JSON data sources , AJAX & asynchronous callback load.< p> jsTree working properly either box model (content playpen or border- box) can be loaded as […]

Ajax

Useful Gallery.js : Pinboard Gallery

This content gallery loads content gradually with AJAX and uses CSS3 transitions for the animation and positioning. The optional web service providing content based on PHP , but the concept is easily be reproduced in other languages ​​. Demo Read More

Ajax

Bootstrap-modal Class – Responsive, stackable, ajax

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more. Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events. A single ModalManager is created by default on body and can be accessed through the jQuery plugin interface. […]

Jquery

jQuery Responsive Tabs – Jquery Plugin

Responsive Tabs is a jQuery plugin that provides functionality Reaction tab . The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for the display of elegant tabs on the desktop , tablet and mobile phone Demo Read More

JavaScript Jquery

Easy Responsive Tabs to Accordion – Jquery Plugin

Easy Responsive Tabs to Accordion – Jquery Plugin, Simple reaction Tabs – is a lightweight jQuery plugin that normal horizontal or vertical tabs on multi devices such as optimized Accordion : Web, Mobile Tablets (iPad & iPhone). This plugin adjusts the screen size and changes its actions accordingly Demo Read More

Web Design

Top 5 Attractive WordPress Wedding Themes

Take a look at these new Wedding WordPress themes with beautiful designs and get inspired! Wedding Suite – WordPress Wedding Theme Wedding Suite includes four different templates with quite unique design.It comes with RSVP Form, Countdown and Guestbook. Wedding Suite is a premium, fully responsive, Retina-Ready WordPress theme with a minimal and clean design. It’s […]

Design Inspiration

5 Great Premium WordPress Marketing Themes

Check out these 5 great WordPress themes for Marketing! JustLanded – WordPress Landing Page JustLanded for WordPress is the ultimate responsive WordPress landing page theme, a lead generation and online marketing theme designed to provide you with all the building blocks required to sell a product online – within minutes.

Web Design

Top 5 Smart Business WordPress Themes

Here is top 5 business wordpress themes that will inspire you Enfold – Responsive Multi-Purpose Theme Read More Demo uDesign – Responsive WordPress Theme U-Design is a very powerful theme which suits both, users with no programming background as well as advanced developers. It will help you build your site in no time to your […]

Jquery

jQuery Tree Widget

Daredevel’s jQuery Tree is a jQuery UI widget that you can use to add advanced features to an html tree built using nested unordered lists. It’s designed to be fast, lightweight, simple to deploy and setup and highly configurable. Demo Read More

Web Design

CSS3 library for making Microsoft-metro themed buttons

Inspired by Microsoft’s Modern Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure website) So I’ve built a very small, simple and clean CSS3 library to deal with my problem. Demo Read More

Web Design

CSS3 Social Sign-in Buttons with icons

CSS3 Social Sign-in Buttons with icons. Small and large sizes. To create the default sign-in button, add a class of btn-auth and btn-[service](where [service]is one of the supported social sign-in services) to any appropriate element (most likely an anchor). Demo Read More

presentation framework
Video Player
HTML5

HTML5 Video Player

Video.js is a web video player built from the ground up for HTML5 world. It supports HTML5 and Flash video and YouTube and Vimeo (via plugins). It supports video playback on desktops and mobile devices. This project began in mid-2010, and the player is now used in more than 50,000,100,000 websites. Demo Download

HTML5

Simple HTML5 Chart Designer

Simple HTML5 Charts using the ‘canvas’tag Chartjs.org/docs documentation can be found. Markdown files that build the site are available in / docs. Note – in some json configuration examples you may notice some liquids labels – this is only for generating the html site, please ignore.

JavaScript Jquery

jQuery UI Multiselect Widget

This is to keep the warehouse is no longer active by the author. However, withdrawal requests are always welcome. If there is anyone interested in preserving officially assistant, and let me know. In case you are looking for a copy AJAX, also please consider copy Yanick Rochon, and or also check out the official version […]

JavaScript Jquery

JQuery UI widget – Address picker, with instant display selection on map

JQuery UI widget for selecting an address. This widget has been developed for a specific need but feel free to use it or fork the repository Autocomplete widget is single with jquery-autcomplete and packed by Google Maps geocoding V3 suggests. Instant display suggestions on map Demo Download

Jquery Web Design

jQuery Sharing widget

Make your widget to share! Sharrre is a jQuery plugin that lets you create beautiful widgets Sharing Facebook, Twitter, Google Plus (with PHP script) and more. More information about Share. Demo Download

JavaScript Jquery

jQuery-File-Upload

Player upload files with the selection of multiple files, drag & amp; drop, progress bar, validation and preview images, audio and video for jQuery. Supports multiple domains, load and renewable fragmented files. It works with any server platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form submission files. […]

Gallery JavaScript Jquery

slick – Awesome Jquery carousel

The last carousel you’ll ever need In slick 1.4 you can now add settings using the data-slick attribute. These elements get $.slick called on them automatically if the slick-data attr is present. Demo Download

JavaScript Jquery Web Design

Touch enabled jQuery plugin – Owl Carousel.

Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. Features: Responsive Touch Events Mouse Slide Events Fully Customizable Choose the number of items to be displayed Multiple Sliders CSS3 3d Transitions Custimizable controls JSON Custom events Helpful callbacks Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, […]

Jquery

Extensible mootools carousel with dynamic elements addition/removal

Extensible mootools carousel with dynamic elements addition/removal. It is quite simple to use. a new class Carousel.Extra has been added. it allows you to make your carousel slide automatically. it has every Carousel options/properties plus some specific options which allow you to control the auto slide Download Demo

HTML5 Web Design

How to Create a Responsive Email Template

Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports. Imagine having a non-responsive email newsletter design. It might look good on desktop devices; however, checking it on small screens will look awful with each element misaligned and broken columns. According […]

Design Inspiration Web Design

20 Web Designs with Creative Hand Drawn Typography

Of all the canvases available to designers and illustrators, websites designs are probably the last place you would expect to find hand drawn typography, seeing as web design at its core is very mathematical with interfaces crafted in code. Rather than make use of web fonts and digital layouts, some designers express their creativity by […]

Web Design

Animating Background Colors

As promised in my previous post, I will be sharing some of the scripts used on the Themify redesign. Today I’m going to share the animating background color script as seen on the site. It is a simple jQuery script that animates a series of background colors in a loop. It runs smoothly on desktop, […]

Web Design

101 INSPIRATIONAL QUOTES FOR DESIGNERS

All designers need a little inspiration from time to time. So it’s lucky for us that there are thousands of designers, educators, philosophers, writers, and business people willing to hand out advice for free. What is more, the Web is packed with designers and illustrators who’ve put pen to paper (or finger to trackpad) to […]

Web Design

8 Best Freelance Websites To Find Web Design and Graphic Design Jobs

You can’t run a freelance business without creating a system to get more clients. Job search websites are a popular tool in that system, but if you’ve used one, you’ve probably had a bad experience. Before we started building our freelance job site, AwesomeWeb, we researched the big players. Their pros. Their cons. What people […]

Web Design

Creative Cloud Mosaic

For the 2014 release of Creative Cloud, Adobe is celebrating creativity by bringing together amazing artists from around the world to remix the Creative Cloud logo into a collaborative mosaic. Each artist gets one tile. The finished piece will be an expression of the endless possibilities of Creative Cloud…. Read More

Web Design

38 Isolated Desk Objects – Download

It’s the first week of the new year and nothing better than to spend some time organizing and starting to improve our design library of assets and resources. To help you get started we feature some really cool desk objects mockups. Though despite being overused they are always useful and thanks to Graphic Burger you […]

Tutorials

How to mock up a website with Sketch

You want to create a simple website mockup, but Photoshop sounds just a little daunting to you? You’re after something quick and easy, that will effectively show off your idea? Well, Bohemian Coding has heard your prayers and delivered a tool with web and UI designers at heart. It’s called Sketch, and version 3 has […]

Web Design

Freebie: Summer And Essentials Icon Set (50 Icons, EPS, AI, PNG)

For those of you who are impatiently waiting for summer to finally arrive, we’re pleased to feature an icon set that will help make the wait worthwhile. Today’s icon set includes 50 icons that have been designed by Elena Genova exclusively for Smashing Magazine and its readers. If you’ve been looking for a way to […]

Web Design

40+ Freebies & Goodies For Web Designers

Complete UIs and elements, textures and brushes for Photoshop, HTML templates, background designs, icons, fonts and tools make our lives as designers and developers easier, saving us the time we would otherwise be spending on creating them. Fortunately, around the world, there are many creators willing to share their work for free allowing the rest […]

Web Design

20 Free Badges For You To Download

“DesignModo Social Bookmarks/Networking” is an icons set consisting of 60 individual icons of the popular Social Bookmarks/Networking/Web 2.0 sites out there. The set consists of 60 high quality icons in 32-bit transparency PNG format (64 x 64, 48 x 48, 32 x 32). They are free to use non-commercially. Put them on your blog or […]

Web Design

Free Social Bookmarks/Networking Icons Set

“DesignModo Social Bookmarks/Networking” is an icons set consisting of 60 individual icons of the popular Social Bookmarks/Networking/Web 2.0 sites out there. The set consists of 60 high quality icons in 32-bit transparency PNG format (64 x 64, 48 x 48, 32 x 32). They are free to use non-commercially. Put them on your blog or […]

Web Design

Free Download: Glow PSD Theme

Do you want a eye catching theme for your next mobile app and get more sales? Look no further. Glow is a trendy landing page for your next product or service. It comes complete with a fully layered psd file and can be edited to fit your exact needs. With its modern flat look and […]

Web Design

Top 5 Brazilian Creative Studios By Izaias Cavalcanti

Brazil is quite unique for many reasons. Besides being known for its joyful and friendly people, it’s also famous for producing some of the most creative people in the world. And even though the country still has many unsolved issues when it comes to education, most Brazilians seem to have the natural gift.. Read More

Web Design

How to Back Up Your WordPress Database

WordPress stores a ton of important stuff in the database. You probably know your actual content is in the database: blog posts, pages, custom post types, comments, etc. But the database stores more than content. Much more Read More

Bootstrap

50 Useful Libraries and Resources for Responsive Web Design

Let’s talk about responsive web design. People are increasingly dependent on their smart mobile devices, and chances are that a large portion of the visitors of your website have used their phone or tablet to get to it. In this article you will find 50 articles, tools and resources, which will help you learn what […]

Tutorials

Building a Web App From Scratch With AngularJS

AngularJS is an amazing front-end framework that has a very novel approach to building web applications, completely unlike any of the other frameworks you might be used to. In this course we’ll take a look at all the core components of Angular, and how they work together to build a complete application. We’ll be building […]

Tutorials

Effective Event Binding with jQuery

If you’ve used jQuery much at all, then you’re probably already familiar with event binding. It’s fairly basic stuff, but dig a little deeper and you’ll find opportunities to make your event-driven code less brittle and more manageable… Read More

HTML5 Web Design

30 Examples of Amazing HTML5 and CSS3 Websites

In this post we will show you 30 examples of Amazing HTML5 and CSS3 Websites. As you know, HTML5 and CSS3 is the “ultimate duo” for many web designers. They are not only getting new techniques by using HTML5 and CSS3, but they are also getting an easier designing work than using flash or javascript. […]

Design Inspiration Web Design

Top 5 Ways to Stay Up to Date with the Design Industry

Keeping up with any industry can be a very difficult task, and keeping up with the ever-changing world of the design industry can be an especially difficult task. In this article, we will look at five ways you can stay up to date with the design industry… Read More

Web Design

90 Festive holiday and Christmas fonts

Every web designer will tell you that one of their most important tools they is fonts. A great font can turn a mediocre design into something amazing. Over the next few weeks, we will provide you with some amazing holiday and Christmas fonts that are perfect.. Read More

Design Inspiration Web Design

20+ Inspirational Examples of Designer Workspaces

Workspace, ergonomics and a stimulating environment are all key to successful creativity. As designers, our workspace can say a lot about us, but they can also improve productivity when setup to our various preferences. If you haven’t invested much time in creating a highly creative environment to base your work out of, now is a […]

Design Inspiration Web Design

Top 20 Parallax Scrolling Web Designs That Will Inspire You

The parallax illusion is one of the wonderful effects to hit the world of website design. We have showcased the finest examples of websites that have amazing parallax scrolling effects. It can be used to add a subtle treat to the site’s background or to create an intriguing browsing experience. Parallax scrolling is an excellent […]

Web Design

Great Photoshop Brushes Freebies

As a designer sometimes it gets frustrating to come up with new pieces with the same old brushes all the time. For that we have some very generous designers sharing great Photoshop brushes for free! Kudos for these guys for sharing such great presets. Here you can see a nice selection of some super useful […]

Tutorials Web Design

Powerful Workflow Tips, Tools And Tricks For Web Designers

Designing and developing can be time-consuming, especially when the project involves a new challenge, putting the team or freelancer into unknown territory. Moreover, time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price. However, some steps can be repeated for every project. These are steps we […]

Web Design

A Little Journey Through (Small And Big) E-Commerce Websites

People don’t spend their money online easily. Think about it: If you had to answer a long list of questions or struggle to navigate a website, how much money would you be willing to part with? Online shopping is about convenience and comfort, and those of us who have at least once ventured… Read More

Web Design

20 Christmas gift ideas for web designers

Are you struggling to come up with a useful, interesting or playful Christmas gift idea for the web designer in your life? Check out our list of 20 amazing gift ideas. If you’re stuck for ideas, or simply fancy treating yourself to a gift this holiday, check out our 20 favourite Christmas gift… Read More

Tutorials

Freebie: Smallicons Icon Set (54 Icons, SVG, PNG, PSD)

Today we are pleased to feature Smallicons, a set of 54 flat icons. If you are looking for a way to make your design fresh and expressive, then this freebie is the answer. The set was created and designed by Nick Frost and Greg Lapin of Smallicons. The freebie includes 36 icons drawn from a […]

Tutorials

How To Create Your Own WordPress Shortcodes

Shortcodes are a very powerful feature of WordPress. In essence a shortcode is a placeholder for some other content. A well-known shortcode is the built-in gallery shortcode. Just type into the … Read More

Web Design

Free Windows 8 Wireframe Templates for PowerPoint

Microsoft has finally released Windows 8, and is promoting its launch with a billion-dollar marketing campaign. This creates new opportunities for app developers, especially since the Windows Store isn’t yet as crowded as the Apple and Android counterparts. However, before you go ahead and start programming an app, I’d suggest you design some quick prototypes […]

Web Design

40 Awesome Sets of Free Adobe Illustrator Brushes to Bookmark

Photoshop brushes get a lot of attention from designers and bloggers, but quality Illustrator brushes are a little bit harder to come by. In this post we’ll feature more than 40 of the best sets of free Illustrator brushes, totaling over 1,700 brushes. Using these brushes can add a textured look to your otherwise flat […]

Bootstrap

Flat UI Free – Framework and Bootstrap Theme Design

We have a great surprise for Designmodo fans – our first free framework and theme for Bootstrap 3. Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers. We have considered your needs in developing the html version of our […]

Web Design

Free Flat Social Media Icons (PNG & PSD)

Flat Social Media Icons is a collection of beautiful icons developed in the flat style. As you already know, we have issued several UI kits in the flat design style, namely Square UI (paid and free versions) and Flat UI (paid and free versions), and we’ve decided to create free social flat icons, so that […]

Web Design

Startup Design Framework: Presentation Sources

Hey guys! As you know, Startup Framework was finally released on Monday and we are glad that the release phase was a success. We really appreciate your feedback on our product, as it helps us make it better! If you still haven’t seen the presentation, make sure you watch it… Read More

Web Design

Free download: Pure WordPress theme

With the ongoing popularity of minimalist websites, and the increasing supply of minimal WordPress themes to meet that demand, you’d be forgiven for thinking that every permutation of this popular style had been explored. However you’d be wrong Read More

Web Design

Free download: iPhone and Apple Watch vector mockups

f you’re an Apple fan — and even if you’re not — you’re going to love these super-slick vector illustrations of the Cupertino corporation’s latest two hits. Designed by the awesome team over at Freepik.com, these iPhone and Apple Watch mockups are free to download for… Read More

HTML5

Create a Custom HTML5 Audio and Video Element UI with MediaElement.js

There are a lot of things you can create with custom HTML5. The new elements make it possible to simplify things as opposed in the past that you need to add CSS to make it work or display. Two of the good examples are the audio and video elements. Although … Read More

HTML5

Azexo-Composer-WYSIWYG

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse […]

Jquery Tutorials Web Design

Client testimonials carousel

The testimonials carousel is a strategic section of a website. It’s a marketing tool, whose message is “this product/service has been used, and it’s good. Trust us!”. Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design. Besides we considered the scenario where the user wants to […]

Jquery

Slider Pro – jQuery slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders. Main features: modular architecture responsive touch-swipe CSS3 transitions animated layers (and static) infinite scrolling carousel layout full width and full window support thumbnails deep linking lazy loading retina-enabled fade effect full-screen support CSS-only navigation controls (no graphics) […]

Tutorials Web Design

Design an Elegant “Gratitude Log” Landing Page With Photoshop

In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it […]

Design Inspiration

25 More Impressive Video Background Websites to Amaze You

Everyone loves a gooв story. Knowing that fact, why not to use it for promotion your own brand online? Designing a site does not mean you have to create static experience only, websites are not printed products. You may do almost what you want. With HTML5 it became easier to add animations and videos to […]