CLOSE
    A growing repository with 722 bundles & 9584 resources for web ninjas
    (freebies, plugins and snippets) updated & curated every day, so it never expires.
CLOSE
    • Web Element Builders (17 submissions)

      Mixed collection of web element builders for WordPress, jQuery, CSS used to generate elements like forms, grids, layouts, etc.

      • Smoke: Bootstrap 3 Web Elements jQuery Plugin

        A complete jQuery plugin built on Bootstrap 3 for creating compelling web elements like forms with validation, notifications, progress bars, fullscreen effects for lightboxes and backgrounds, panels and help assistants. It is open source and licensed under the LGPL license.

      • FormFactor: CSS & HTML Form Elements Gen...

        FormFactor is an efficient, semantic, and user-friendly form elements generator. It helps you access code for text, email, checkbox, radio, switch, select, date, color, range and submit elements in an easy way. You can find it on Github and use it for free on you next project.

      • UIlang CSS Preprocessor

        uilang is a simple and lightweight language focused in user interfaces, perfect for web designers. It allows you to create popovers, galleries overlays, tabs, and lots of other elements without having any experience or knowledge in coding. It helps you show elements, hide and animate them via CSS. Also, you can create: - Simple notification banners. - Animated switch - Navigation popover - Tabs - Accordion - Overlay uilang is perfect for creating user interface components with interactivity, making prototypes and more. However, it does not support other events and lets you react to clicks only. It is free to use personally and commercially.

      • GenerateIt Form Generator

        ​Here we have a simple online website form generator, a tool that will take the guess work out of creating new contact forms for your website.  It is simple to use; to start you just need to enter the names of the fields you want for the form. After that, you can define the control types, and then select the markup and generate it. It will create an HTML code for you to integrate on your website.

      • Formoid: Beautiful Web Form Generator

        Formoid is a free desktop app for Windows and Mac that helps you easily create signup forms, surveys, order forms, event registrations and more in a few seconds without writing a single line of code. Create beautiful online forms in just a few clicks.

      • MiniMax: Page Layout Builder

        A layout builder for WordPress that you can use to style your website from a blank canvas or within your current theme. A drag and drop interface makes its use simple, while responsive design ensures visitors can view the site from any device. You can use any of the 3000+ WordPress widgets to add functionality to the site or add galleries, images, dropdowns, progress bar and other elements.

      • Gridulator: a Complete Grid System

        Gridulator is a simple yet complete grid system. In it, you can setup the width and the number of columns you want for your layout, and it’ll spit back all the possible grids that have nice, round integers. Just the thing for pixel-based designfolk. There are inline previews, courtesy of the canvas element, and when you’re all set the tool can crank out full-size PNGs for you, ready for use in your CSS, or Photoshop docs. And there’s full keyboard control for snazzy power users.

      • YUI: Simple CSS Grid Builder

        The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. Also, the 4kb file provides over 1000 page layout combinations.

      • Formidable Forms

        A simple tool that intends to help you create forms in an easy and quick manner thanks to a drag and drop interface that removes the need of coding. Formidable forms also includes shortcodes that can be utilized for spam retrieving purposes. You can save all responses in your database for future reference, add captchas for verification and modify the HTML if needed.

      • Visual Form Builder

        A simple tool for building forms and apply them to your WordPress site without the need of writing code, a great advantage for the less back-end-savvy bloggers. Among this tools features, we highlight: - Drag and drop reordering - Anti-spam techniques - Required Fields - CVS exporting

      • Ninja Forms WordPress Plugin

        This WordPress plugin will allow you to design forms for contact, email collection and other purposes. Its simple drag and drop interface makes the tool quite fast and simple to use, no coding required at all. However, developers can take advantage of hooks and filters to unleash the full potential of Ninja Forms.

      • Contact Form Manager

        This tool allows you to create contact forms for your website, allowing visitors to write you about a particular topic or question. The free version includes ten different from elements including email, text, dropdown, radio button, dropdown and more. There is a premium version that introduces more possibilities to the plugin.

      • WordPress Form Maker

        A versatile tool for creating forms and modify them at will, letting you change aspects such as colors, fonts and sizes. Forms can be responsive for filling on mobile devices, too. It includes a selection of themes to choose the right look, while the CSS is always open if you have coding skills and want to achieve exactly the appearance you're thinking of.

      • IcoMoon App: Free Web Fonts

        This online app allows you to add, create, modify and delete icon fonts from vector source files. The editing process allows you to add tags to every icon and modify rotation, vertical axis, scaling, movement and more. Once you're done, it's possible to download your creation completely for free.

      • Tutorial: Chef Cookbooks for busy Ruby Develo...

        Have you ever setup a Rails production environment from scratch? If you have, you know it's a pain every time when a new project started. The process is often repetitive, and it seems to be a waste to do it manually every time. It also consumes time and attention. This tutorial will guide you through the process of any Ruby development.

      • jQuery Builder: Create jQuery Versions Easily

        jQuery Builder lets you easily build a custom version of jQuery that just includes the modules you need. Choose which modules you’d like to include in your custom build, modules like AJAX, CSS, effect, dimensions, event-alias, offset and wrap; you can also choose the jQuery version to work with.

      • LayoutIt: Simple FrontEnd With Bootstrap

        Here we have a simple and quickly Drag & Drop frontend code builder with Bootstrap. - Drag-and-drop Bootstrap components. - Easy to integrate with any programming language. - Professional and validated HTML. - Allows responsive CSS and Fluid designs.

      • Collapse Expand List View all items Download Bundle Submit
    • Website Builders (3 submissions)

      • Cactus: Simple Python & Django Website B...

        A beautiful website generator using Python and Django templates that helps you create minimal and fast static websites. You can build them locally, and it's ideal for developers and designers who like to take control of their coding. It only works on Mac by now, but you can download it for free.

      • CloudCannon: Visual Website Builder

        CloudCannon is a visual CMS thought for building HTML and CSS websites. It reduces the websites' creation process by giving you the CMS and the tools to build compelling websites. It is an unobtrusive, scalable and usable CMS, and you can use it for free with some limitations since it also has extended features as a premium service.

      • One Nexus CSS Framework

        Nexus One is a front end development tool that allows you to create modern and responsive websites in a way that's fast and efficient. It applies to developers who want to make simple websites, providing the most commonly used features. To use it, just download the zip file, unzip it, open them with your text editor and start building. This framework was created by Edmund Reed.

      • Collapse Expand List View all items Download Bundle Submit
    • JQuery Grids (22 submissions)

      jQuery grids are a very useful layout option when its potential is grasped. In this list, you will see responsive, drag and drop, animated filtering, and other types of grids.

      • Nested: jQuery Multi-column Grid Plugin

        jQuery Nested is a beautiful plugin that stacks divs of irregular sizes in a bigger container. It is responsive, so you can resize the screen and it will fit the screen, allowing you to create multi-column, dynamic grid layouts. This plugin is free and was created by Andreas Pihlström.

      • Grid Forms: Complex CSS Form Builder

        A form set designed for mobile or desktop applications that require tons of data entry added regularly. It has been created with CSS but it uses a bit of JavaScript for functionality. It does some cool things, like automating fields (for instance, it relates fields by proximity if you indicate it; you can set a specific size for the form so it fits the space you assign to it, and every line wraps when viewed from mobile devices. It was made by Kumail Hunaid and it's free.

      • brick-by-brickJS: Masonry Style Layouts jQuer...

        A jQuery plugin that creates masonry style layouts in a simple way. You don't need complicated markup for making grid websites or themes, and your work gets simplified by the use of methods like addAfter, addBefore, removeItems, hideItems, showItems, end and reload. It is licensed under MIT.

      • Mason: Flexible Grids jQuery Plugin

        Mason is a jQuery plugin that allows you create a beautiful grid without gaps and ragged edges. It is meant to create perfect, stable and flexible grids, and it works by measuring the dimensions of each block and the total area, filling the gaps when found. It was created by Drew Dahlman.

      • Gridstack.js: Responsive Grid jQuery Plugin

        Gridstack is a jQuery plugin that will allow you to create Bootstrap V3 compatible grids, perfect for arranging widgets in multiple columns. It is meant to be used in a drag-and-drop manner. Can be well complemented with knockout.js

      • jQuery Pinterest Grid Creator

        Gridify is a simple script that helps you create Pinterest-style grids for use in a website or mobile app. It works with jQuery, JavaScript or YUI. This script supports: - Image load - Window resizing - Items with a really long height - Dynamic item width - CSS3 Transitions The usage is fairly simple and quick so you can enjoy the tool right away. This script was created by Nguyen Hong Khanh and uploaded to GitHub.

      • Waterfall: jQuery Plugin for Image Grid

        The Waterfall jQuery plugin provides a grid with thumbnails and a good number of customization options. Among its features, we can find infinite scrolling, custom width, fade-ins and much more. The only downside is the lack of a larger view of the images, but if you only want to quickly display medium-sized content, Waterfall can prove extremely useful.

      • Freetile.js: Grid Plugin for jQuery

        Freetile allows the organization of elements in a grid layout in a dynamic and responsive way. What makes it different from other plugins of its kind is its extensive customization settings, which let the user add preferences like left-right alignment, different proximity between elements in the same grid, automatic grid size and more.

      • Draggable Image Boxes Grid

        In this tutorial, Codrops describes how to make a draggable grid with thumbnails and menu-like elements. Once a thumbnail is clicked, the content will show and take the whole screen. In order to make this a draggable grid, the jQuery.kinetic plugin by Dave Taylor is used. It all results in a sweet drag scrolling that looks and feels really good.

      • Masonry: JavaScript Grid Layout Library

        Masonry is a pretty well-known JavaScript grid layout library. The idea behind it is to place elements (which could be pictures, links to other content or whatever you want) in their best possible position relative to each other. It provides a very pleasant, organized experience, providing the user with content boxes they can easily interact with.

      • 960 Grid on jQuery Mobile

        jQuery-Mobile-960 is a port of the 960 Grid, designed to make the jQuery-mobile layout more adaptable, ultimately improving the viewing experience on portable devices. It does this by combining the ease of jQuery Mobile and the flexibility of 960.gs. To use 960 grids in jQuery Mobile, you just need to add one simple line of code, and then you can use the standard 960 grid syntax inside jQuery mobile pages.

      • Mosaic Flow: Pinterest-Like Responsive Grid

        Mosaic Flow enables you to create a responsive grid, similar to the one found at Pinterest. It is quite simple, just putting the images together with no decorations or gaps. The greatest part of this grid is its speed, images rearrange themselves immediately when changing the window size, a strong point for performance-obsessed devs.

      • MixItUp: JQuery Filter and Sort Plugin

        MixItUp is a jQuery plugin that offers animated filtering and categorization of information. It is particularly useful for content that needs sorting like pictures, portfolios, galleries or blogs, showing only relevant content for a genre or class you specify. It can also serve as a valuable tool for engaging application UI and data visualization.

      • jQuery Nested: Gapless Grid Layouts

        Nested is a fantastic jQuery plugin that allows the creation of gap-free grid layouts, recognizing the space available and organizing the elements inside of it. The final touch is the possibility to resize the last element in order to have a completely gap-free design.

      • Wookmark: Image Organization jQuery Plugin

        The Wookmark jQuery plugin allows the organization of images in a neat, responsive grid. The plugin automatically recognizes the size of the window and adjusts the images to fit on the screen. The tool will also try to arrange the elements in such a way that columns always tend to be the same height whenever possible, creating a harmonic appearance.

      • Grid-A-Licious: jQuery Plugin for Grids

        Grid-A-Licious is a simple jQuery plugin designed to create responsive grids. The items on the grid float around instead of being locked to a specific position, which makes for a faster, better viewing experience. Used to be a Wordpress theme, but the developer has dropped support for it, bringing it back to just a plugin.

      • jQuery Photoset Grid for Images

        This simple jQuery plugin makes it possible to arrange images into a flexible, responsive grid, inspired by Tumblr's photoset feature. Aside from the normal usage, you can set different options; for instance, adding a lightbox for high-resolution pictures.

      • jQuery & CSS Windows 8 Animated Grid

        Sara Soueidan has recreated these icon animations seen on Windows 8′s dashboard by taking advantage of the CSS3 3D transform property. These animations make tiles slide in various directions, do flips, turns, color variations, half sliding and more. It uses beautiful flat icons and follows the famous Metro style from Microsoft.

      • Grid ‘Em: jQuery Plugin

        This simple jQuery plugin is used to evenly add horizontal spacing between items in a website, providing a responsive behavior to them. In the end, the tool intends to improve organization in the website and therefore, the user experience.

      • Gridster: Drag-and-Drop Grids

        With Gridster, you can create dynamic grids that can be rearranged freely by simply moving the elements around, thanks to a drag and drop interface. This jQuery plugin also comes with many customization options, allowing you to easily resize, serialize, add widgets and much more.

      • Shapeshift: jQuery Column Grid System

        Shapeshift allows the user to arrange a set of elements into a grid system comparable to the one found in Pinterest. Once you move an element through the drag and drop interface, it reorganizes the elements in a logical position every time an item is moved. Shapeshift is responsive and works on touch, with the help of the included jQuery UI Touch Punch.

      • Backgrid.js: Stylable Data Grid Widgets

        Backgrid is made up of multiple components designed for building data grid widgets that can be customized easily. The tool intends to provide all the basic options with core Backbone UI elements and a refined API that makes extensibility simple. This results in greater possibilities for more complex projects.

      • 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