CLOSE
CLOSE
    • CSS Layouts (42 submissions)

      A collection of CSS layouts focused on different purposes, coming from portfolio and Pinterest to Metro and personal blogs.

      • Pure CSS Masonry Layout

        An interesting snippet featuring a CSS masonry layout using flexbox that showcases some effects over some boxes like a pulse, focus, and a box that flips around. Moreover, resizing the window it is shown its responsiveness.

      • Goo: 3D Multi-layer CSS Illustration

        An amazing illustration performed in pure CSS featuring a 3D multi-layer composition that is animated and interactive with the mouse as it tilts to always be facing the cursor.

      • Accordion Column Layout

        A responsive CSS layout that features several columns that seem to shine as you hover over them, and expand to the whole viewport with their respective content as you click on them.

      • CodePen Spotify Artist Page

        Spotify artist page design pretty similar to the original one, in dark tones and a highly visual interface in JavaScript.

      • How to: Pure CSS Masonry Layouts

        An useful article about the best and more practical coding methods to achieve the known and trending masonry layout. It explains how to build the layout withou using anything else but CSS, specifically Flexbox.

      • Neutron: Website Lay-outing Sass Framework

        An effortless Sass framework that allows you to create layouts with simple and clean semantic commands reducing to zero the amount of litter in your code.

      • CSS Layout Grid

        A fully CSS crafted static responsive grid that features native drag-n-drop, resizing, on-the-fly settings, custom columns and sizes, multiple containers, and more.

      • 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.

      • LESS Responsive Layout Mockup

        A simple snippet with animations showing a mockup of a responsive layout made with LESS. It displays a tablet mockup turning into a smartphone layout. It was created by Nick Eli and can be modified to fit a presentation or showcase.

      • CSStyle: Web Styling SASS Library

        CSStyle is a fashionable way for styling sites with simplicity and usability in mind. You can achieve this by applying a set of SASS mixins making the CSS readable and semantically accurate.

      • Pure: Responsive CSS Modules Set

        Pure is a set of CSS modules that are responsive and lightweight, fitting any web project with neat design elements. It also has mobile devices in mind, letting you create responsive environments quickly and effortlessly.

      • CSS Layout Generator

        This is a supremely useful tool that will generate column layouts including footer, header and menu. You can set the measurements by either pixels or percentages. The inclusion of sidebars can also be controlled. Take a look and create the right foundation for your project. It was created by Generate It!

      • Responsive Template Navigation

        A semi-responsive tabbed navigation concept (it has trouble with the smallest sizes) that puts your content right under the spotlight thanks to a very minimal layout. You can place a big image as the header while the body of the text is displayed with just one column. You can use the navigation menu to jump from one part of the website to the other, making this perfect for one-page sites.

      • Basic CSS & HTML Skeleton Template

        A code experiment created by Gabe Rose is a basic template with a fixed bar that can work as an option menu. The design is completed with space for texts and different areas for images. It is responsive, and it was built on HTML, CSS and a little JavaScript.

      • Blog Post Layout Model

        This code snippet is about creating a blog post layout, including the regular sidebar located on the left. Also, we can add a picture and quotation to make the post a little more dynamic. Developed in HTML, CSS and JavaScript, created by Emily Brophy.

      • Responsive Horizontal Layout

        This tutorial is about creating a horizontal website layout with individually scrollable content panels, including responsive behaviour for smaller screens. Additionally, we'll add a content panel that will animate when clicked or selected. The challenge is to deal with different viewport sizes, adapting the layout to the multiple screen sizes.

      • Fullscreen Page Transitions Layout jQuery Plu...

        A simple responsive layout jQuery plugin with fancy page transitions that show four flexible boxes. When clicking on a box, it will expand to full screen, and the others will scale down and fade out. When closing the current view, it will move back to the initial position while the other boxes come back up again. Another type of page transition can be seen on the works section where we will show a portfolio item by sliding in a panel from the bottom. The current view gets scaled down and disappears in the back.

      • Fixed Background Scrolling Layout

        Here's a cool tutorial on how to create a full screen vertical slider, including some pretty smooth animations and lovely icons which, of course, can be replaced with whatever you need. Article and code written by the skillful Mary Lou for the team of Codrops.

      • Ingrid: a Fluid CSS Layout System

        A CSS layout system that's both lightweight and fluid. It aims to reduce the need for classes on individual units, making it a bit less messy and more fun to implement responsive layouts. The tool also offers extensibility options, in order to customize it to fit your own needs.

      • HTML5 Bad-boy Layout

        The bad-boy is a fluid layout ready for responsive implementations. It contains equal height content and sidebar blocks, making the use of table-based designs a breeze. This code snippet was based on a project the author had developed recently. It contains all the elements you'd expect from a basic layout.

      • HTML5 & LESS Web Template

        A simple HTML5 template using LESS. The author, Codepen's user darylsutor, used it as a playground to test out the code and use an HTML5 layout. It has the regular blog components like a menu, the content container, a sidebar, and a simple footer.

      • Flexbox Website Layout

        This is an example of how Flexbox could be used for website templates. Small squares fit the screen for the user, regardless its size, which could contain various options. It was developed using HTML and CSS, but there is a small amount of jQuery to allow the navigation to be closed and re-opened. This code snippet was written by Josh Parrett.

      • Responsive Full Page Navigation

        A beautifully simple navigation concept basing itself on what is basically a vertical, full-page slider. The idea is to have various buttons which display a giant icon when clicked, as well as a different background color. This design is also very fit to work with touch devices.

      • Mini Layout Using External Button Style

        This is a simple code snippet made by Chris Coyier, in order to form a basic blog post view. It was created with SCSS and HTML and brings a menu, a post container and the definite highlight: A 3D button that animates quite smoothly when clicked. It can be used for submit forms of blog entries.

      • Fullscreen Portfolio Startpage in CSS

        Here we have a nice flat user interface, mainly developed for mobile platforms. It features four buttons, divided into a full screen checkered pattern with animated icons. It was created with HTML, CSS and JavaScript. You can easily change the colors that conform the grid.

      • Testing: Flat Mobile Portfolio

        Clément Guillou from Codepen created this interesting concept for a portfolio, displayed in a useful responsive layout, using CSS and JavaScript. It was mostly designed so photographers, illustrators and all kinds of visual artists can showcase their work in a mobile-friendly environment.

      • Sliding Vertical Navigation Menu

        This code snippet created with CSS, HTML and JavaScript helps you make a nice lateral menu for your website or blog. It makes clever use of icons in order to fit more options for the user. After clicking a button, an animation will bring another menu with more in-depth selections. The rest of the website is also a nice experiment that you can use as a template.

      • Rodeo 1: Responsive Layout that Maintains Hie...

        This code snippet provides and effective way to display a responsive website that will rearrange content in a way that keeps the most important material on top, gradually putting all the section in their correct order. Less important content also occupies a lower amount of space, letting you display various elements in the same line.

      • Responsive HTML/LESS UI Kit

        Here we have a set of UI elements made in HTML and LESS. This free download includes menus, search bars, login forms, sidebar menus, headings, texts, images (with different styles) and a bunch of buttons. Everything comes in three different colors and with nice hover effects.

      • Simple and Responsive Layout for Any Website

        A clean responsive layout created by CodePen user cirox. It features a cool set of divisors that will look great on any device and will show your information in a clean and professional way. You can put a logo, footer and, of course, the main content right on this layout.

      • Responsive Web Design Patterns

        A complete set of patterns and modules for responsive design projects. There's a bit of everything here and for any occasion, featuring image grids, tables, elements for video, navigation, layouts and much, much more. You are also able to submit your own patterns to the collection.

      • CSS Only Show and Hide Layout for Blogs

        This is a very useful CSS-only show and hide button created by Gene Locklin. It makes clever use of a checkbox in order to expand and collapse a piece of content, making the design more space-efficient. Created with pure CSS by Gene Locklin from CSS Deck.

      • A Simple and Beautiful Post Idea

        A neat HTML and CSS template with a very simple layout. A big image takes over the top of the design while the rest contains nothing but plain text, over a minimal white background. A stripped-down and effective look, ideal to keep content under the spotlight, without any distractions.

      • CSS-Only Sidebar Toggle

        With this useful code snippet, you will be able to create a minimal layout that allows you to show and hide a sidebar at the press of a button, using a smooth animation. You can apply a slightly different background color to the sidebar so it's easier to identify.

      • Feature Block Responsive Layout Pattern

        This design brings us a very common RWD pattern that shows header, image and content just like a simple one-column blog. It's a clean layout that has been created with a mobile-first approach to ensure the material can be accessed from any device. Written in CSS by Brenna O'Brien.

      • 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.

      • Windows 8 UI in CSS and JavaScript

        A coded version of the Windows 8 interface using SASS and JavaScript, created by Ashley Taylor. It includes nice animations and hover effects that bring the design to life. Some blocks also serve as mini widgets, offering search and app options right away.

      • Windows 8 Metro UI Mockup

        This is another version of the Windows 8 Metro UI made entirely in CSS and HTML. It has a very nice style, making thorough use of strong colors and icon fonts, with the effects slightly off the mark. Also, it is not yet entirely functional, lacking interactivity. However, it can be added with JavaScript or jQuery.

      • 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.

      • Simple and Flat Website Layout

        Complete website layouts are not that common when they come coded right away, particularly in this type of platform. However, this code snippet has just that, a full simple website using HTML, CSS and JavaScript to achieve a flat, straight to the point kind of look. Created by Rick Butterfield.

      • CSS-Only Pinterest Style Layout

        The uber-famous Pinterest grid layout is recreated using nothing but CSS. Apart from images and text, there are additional elements added such as hover effects, animations and frames. Go ahead and get the code to give your next project a classy, familiar feel.

      • Smooth Transitions CSS Responsive Layout

        This article will show us a tutorial on how to create a completely responsive layout with super smooth transitions. The idea is to have some buttons on the bottom that will animate the whole page and show different content through a smooth scrolling effect.

      • Collapse Expand List View all items Download Collection Submit
    • UI Design Template Kits (82 submissions)

      An extensive gallery with lots of user interface design templates in PSD, Sketch and some CSS too, useful for both mobile and web applications.

      • Web Design Starter Kit

        A useful and complete kit for free to help you with the creation of your first project, it contains several templates in PSD, logos, documents, and includes 5 icon packs, without copyright restrictions. All the packages weight in total about 147 MBs.

      • Avital: Elite Mobile UI Kit

        Avital in a user interface package that comprises 21+ quite elaborate iOS mobile screens, within 7 categories in PSD files, several mockups and different images in JPG format. It weights more than 900 MBs.

      • Cozy: PSD Blog & Magazine UI Kit

        A handy UI kit in PSD perfect for a blog or a magazine website, based on the Bootstrap grid contains diverse elements, headers, sliders, footers, forms and more. The file weighs over 100MB and it can be downloaded from the source.

      • Elton: Multipurpose & Stylish PSD UI Kit

        Complete and clean UI kit for e-commerce web pages, contains an extense variety of useful elements and widget based components. Available in PSD format.

      • Helium: Sketch UI Kit

        Helium is a playful and colorful UI kit that includes switches, sliders, buttons, breadcrumbs, tooltips, tags, pagination, textboxes, swatches and other UI elements in pastel colors.

      • Photoshop & Sketch Chat UI Kit

        Complete and dynamic UI kit for chat in a minimal style, including 60 templates, 12 categories, and 80 UI elements-optimized and retina–ready, available for Photoshop and Sketch. The Sketch file is over 400 MB.

      • Material Kit: Bootstrap UI Kit

        Material Kit is a Free Bootstrap UI Kit released by our friends from Creative Tim, with a fresh, new design inspired by Google's material design with an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages.

      • DO: Extensive Mobile UI Kit

        DO is a mobile UI kit that contains over 130 stunning screens, 10 complete themes, and 250+ components to mix and match to create stunning apps. It's available for Photoshop and Sketch.

      • Food & Drink UI Kit

        This UI kit is specially made for a restaurant or food related websites, built in a clean and simple, yet dynamic Masonry layout, available in psd and sketch files.

      • Material Design UI Kit

        Material design UI kit made in psd in a simple and eye-catching style with several components like calculator, keyboard, stopwatch, radio and checkboxes.

      • Creative Agency PSD Template

        A neatly crafted web template design delivered in PSD format that features nice and big typography and a consistent professional color palette including 6 ready-to-use screens.

      • Tilt: UI Design Kit & Guideline

        Tilt is a UI kit created and designed to be simple and striking. Using physical on depth to create hierarchy, this kit is meant to work as a library of design patterns and components to work as a guide to interaction and visual design. File size is 119 MB

      • Full Bootstrap 4 GUI Pack

        Incredibly complete Bootstrap 4 GUI pack, updated to the smallest detail, done in vector for full editability, containing forms, buttons, images, dropdown, badges and panels among other elements.

      • Colorado: Minimal Base Color UI Pack

        Colorado is a minimal GUI that offers a breath of fresh air, being clean, very basic but appealing and eye-catching at the same time, it is fun, colorful, with a bit of flat and some more of outlined style. It is comprised by over 50 items in three color variations, all built pixel perfect and vector as well.

      • Mobile UI Blueprint Kit

        Complete mobile UI blueprint with a wide offer of elements in outlined design including diverse buttons, charts, dialog boxes, text and calendars, among other.

      • PSD Business UI Template

        UI PSD template with 30 elements, perfect for a business portfolio. It includes chat, payment and tasks interfaces among and other apps.

      • GoodBarber: Sketch Mobile UI Kit

        We bring you this Q1.2016 edition of the GoodBarber Open UI Kit with over 150 pixel perfect iOS UI elements. Each screen included in the Sketch file is fully cutomizable can be integrated with the GoodBarber app building platform.

      • EventPro: Modern Website PSD UI Kit

        EventPro is a modern and fresh looking UI kit in PSD format of web elements crafted specially for events counting on ones for widget activity and dashboard management, color variations, activity stream, and more.

      • Cake Art Studio: PSD UI Elements

        Cake Art Studio brings these edgy and fresh UI elements with an interface full of texture. It includes nav bar, profile, login form, feed and statics pages, it is available in Ai and PSD file format.

      • Focus: PSD UI Dashboard

        Focus is a dashboard UI design in PSD file format, in a minimal, modern and flat style featuring analytic graphics and charts.

      • Bplus: Business & Consultancy PSD

        Bplus is a business and consultancy UI PSD that includes home page and 11 inner pages. It is a full-page design, simple and clean with a nice icon usage.

      • UI Elements: Product Cards

        Flat UI Product cards that will come handy for your online shop so you can always give a minimalistic design to your business. Different designs and colors available. Follow source link and complete form for free download.

      • Routes: iOS UI Kit

        Routes is a Flat UI Sample Kit for iOS that includes 12 pixel-perfect screens available in both Sketch and PSD format. It goes well with any restaurant, hotel, online shop websites and others.

      • Different: Red & Blue Sketch Mobile UI K...

        Free UI KIT available in two different colors, simple interface for iOS with a couple of pages intended for mobile applications, provided in Sketch format.

      • Chic Wanderer: Travellers UI Set

        Flat free UI set, created especially for travel blogs. Download includes psd file, and a bonus: patterns and icons as photoshop shapes file.

      • Made For Designers: Sketch Blog UI Kit

        This is a UI kit made for Sketch with 20 elements inside the pack that will give you inspiration to create your next UI project.

      • Graf: Portfolio Mobile PSD UI Kit

        A mobile portfolio app UI kit in PSD format designed for creative designers, photographers, and freelancers including screens for home, showreel, portfolio, blog, and work preview with a 640×1136-pixel resolution. It weighs over 100MB.

      • Arcane UI: Modern Flat Agency UI Kit

        Arcane UI is a modern flat UI kit for web that comes composed in a single page layout template in fully layered PSD format.

      • Mayssam: Material Mobile & Web UI Kit

        A Mobile UI kit in material design coming in Ai format that includes several cards for video, music player, weather, on/off switches, profile and more coming along with 38 icons.

      • Snow Flakes: Winter-inspired Web UI Kit

        A UI kit inspired by winter that comes with including tabs, weather widget, a profile section, a login section, popular destinations widget, video, menus and more.

      • PerfectKit: Clean Desktop & Mobile UI Ki...

        A desktop and mobile UI kit crafted in a clean style that features modern, sharp and elegant components and modules. This kit comes in 20 fully layered PSD files for both desktop and mobile devices.

      • Android Lollipop PSD UI Kit

        A free UI kit crafted by Nine Hertz for the new Android Lollipop OS in material design featuring a set of UI elements. This kit is available in PSD format which you can easily modify.

      • Side Menu Material Design UI Kit

        A well designed UI kit of Android side menu ideas crafted in material design by Nine Hertz and released free to for personal or commercial use in a PSD format including 10 different designs.

      • Bootstrap 3 Glowy PSD UI Kit

        A UI kit in PSD format for Bootstrap 3 that features nice elements in with glowy effects in cyan, yellow and green that contrast smooth dark backgrounds and content.

      • Paper Kit: Colorful Bootstrap UI Kit

        Paper Kit is a UI kit for Bootstrap that features nice and smooth pastel colors, being completely different from the common flat, iOS or material styles.

      • Material eCommerce iOS App UI Kit

        An eCommerce UI kit for iOS Applications that comes in 7 separate PSD files, all of them featuring a material design.

      • DYK: Blog PSD & IDD UI Kit

        A kit of more than 100 UI Kits for blogging crafted in both PSD and InDesign format. It features 13 home variations and 1920x 10000 pixels resolution. The file weights over 900MB.

      • Liquid: Dark PSD GUI Kit

        Liquid is a website GUI Kit crafted in a flat dark style and released in PSD format. It features compositions for screens of all sizes.

      • Land.io: Landing Page Sketch UI Kit & Te...

        Land.io is a landing page template and UI kit that features a nice minimal style and that was fully crafted and released in Sketch format.

      • A1: Colorful Mobile UI Kit

        A1 is a gradient-colorful UI kit for android devices crafted in a minimal design featuring 45 screens, 3X Full HD views and over 250 elements including 60 line icons. It weights 160+MB.

      • Clean & Minimal Fashion iOS UI Kit

        A clean and minimal fashion iOS UI Kit that features black and white layouts and translucid coloured containers.

      • Colours of Karl: Dark & Colorful Mobile ...

        A UI kit for mobile devices that features colorful containers that contrast with a black background crafted in Sketch.

      • Stark: Flat Multipurpose PSD UI Kit

        Stark is quite a versatile UI kit that consists of 200+ components, 90+ elements and 10+ categories. It also includes Arabic alphabet fonts, colors palette, and 128 wired icons.

      • iOS 9 Sketch UI Kit

        A complete iOS 9 UI Kit for Sketch fully crafted under Apple guidelines and featuring preset screens, app icons, status bar icons, keyboards, Siri, lock screen, settings, and many more.

      • Azure: Free Neat PSD User Interface Kit

        Azure is a huge, neat fully layered and customizable PSD UI kit. It includes a template for a website and several widgets. It was created by Yolqin Alimov with a free for personal and commercial use license.

      • Spot: Free User Interface PSD Kit

        The Spot user interface is a huge set of components for web design, crafted in a multi-color fashion and totally editable. it includes buttons, checkboxes, dropdowns, navigation, input fields, progress bars, widgets and more. File weighs more than 150MB.

      • MedApp: Neat Medical App PSD UI

        A neat web app user interface for medical purposes made in PSD. It includes vector design elements like icons, buttons, boxes, tabs, pagination, alerts, and a simple flat illustration of the body, with easily editable shapes. The UI has a basic color palette and post thumbs.

      • Free Vector AI iOS 9 GUI Template

        An iOS 9 GUI template made for Adobe Illustrator and vector shapes for easy edition. It has design elements for status bar, controllers, tab bar, navigation, toolbars, keyboards, activity and many more screens. They are totally scalable, and its elements are organised. Created by Vasil Enchev.

      • Colorful Tiles User Interface Kit

        A set of tiles made in PSD format with colorful style. The template includes widgets for analytics, a rating widget, buy button, posts for products and many more. It is fully editable, and you can download it for free. It was created by Filip Korzycki.

      • Free Sketch User Interface Kit

        A nice Sketch UI template kit with a minimal style and several screens for profile, thumbnails, It was created by Karen Liu and upload it to Behance, widgets for weather, calendar, login. It has a bright and clean aesthetic, 30+ UI elements, and example article page. The file is really lightweight.

      • ili Estates: Free Real Estate UI Kit

        A complete UI kit for a real estate agency made in PSD format. The template is fully layered and editable, including design elements like headers, guides icons for multiple purposes and more. The UI kit is free and it was made by Farid Sagiev.

      • Free Material Design UI Kit

        A free material UI kit made in PSD format, crafted by the ninjas behind Designtory, totally organized and ready to use as is or to be edited. The kit has the regular UI components like menu bars, profile widgets, charts, post previews & thumbnails, search bars, buttons, forms and many more. It also includes icons.

      • Vector UI Components Set

        A vector set with tons of design components in flat style. The UI set includes different charts, calendar, weather, audio and video players, login form, author card, calculator and more. It was created by Balraj Chana.

      • Nakropol: Free Web and Mobile UI Kit

        Nakropol is a flat UI kit with a lot of elements to choose from, made in PSD format. It was designed by Orkan Çep, and it has sign up and sign in forms, profile badges, timeline, time stamps, blog content widget, shopping cart widget and many more. The colors are also quite nice.

      • Free Android UI PSD Kit

        A compelling set of editable screens for a mobile app, really colorful app with lots of design elements. The screen are perfect for profile, images, menu, notifications, news, feed, music player and categories. It includes profile pic areas, icons, menus and more, totally editable and free to use. This UI weighs 120MB.

      • Flat Web UI PSD Kit

        A nice user interface for a website made in PSD format. It has simple details complemented with smooth colors. The template includes elements for headers, logo, social sharing, timelining, contact form, comments, bars, app presentation and more. It was crafted by Nik Pletikos.

      • Drunken Parrot: CSS, Bootstrap & PSD UI ...

        Drunken Parrot is a CSS user interface kit that includes a lot of elements you might need while designing a Bootstrap-ready Site. It is flat with bright colors to stand out, it includes design elements like dropdowns, buttons, checkboxes and radio buttons, color palettes input fields styles, and more. It can be downloaded both in PSD and CSS formats.

      • Retina UI Free PSD Kit

        A free retina user interface kit made with blue tones and nice flat shapes. It includes different elements for designing like menus, logins, profile widgets, media players, calendars and many more. Its design is flat, complementing it with images. This UI was created by Bradley Bussolini.

      • Zebra: PSD App User Interface

        Zebra is a cool user interface design for a mobile app made in PSD format. It has a great deal of crafted design elements ready to be implemented in your next project. It includes the core screens already designed, it's easy to extend elements to new screens, totally organized and Photoshop ready.

      • Free Material UI PSD Kit

        A free material user interface kit that comes in PSD format and comes packed with more than 40 UI elements, 40 templates, 7 application categories and 30 icons. Besides, it has an organized layout, works with Photoshop CS6 and it weighs more than 172MB, so you get an idea of its quality.

      • Free Summer User Interface PSD Kit

        The Summer UI kit is a compelling creation consisting of various design elements for summer events-related websites or apps. The UI has the regular buttons, switches, widgets for maps, calendars, profile, login and more. This user interface kit was created by Sergey Azovskiy and you can download it and use it freely.

      • Bootflat: Bootstrap-based CSS UI Framework

        Bootflat is an open source project UI kit CSS package in a flat, simple design. It is based on Bootstrap, offering support for Sketch users since the original comes in PSD formats only.

      • CSS User Interface Illustration

        A CSS user interface that has relevant design elements for laying out a website. It is organised as a website, with boxes for content, a top menu, search, recent posts and other widgets. It was created with pure CSS, and it can be downloaded and improved. Marius Balaj created this and uploaded to Codepen.

      • Amsterdam: Flat CSS User Interface

        A complete user interface made in CSS and HTML, composed of several design elements with a simple flat style and clean colors. Customize it by changing its multiple and complete features..

      • Material Design Bootstrap Theme

        A Bootstrap theme that allows you to use the Google Material Design in any front-end framework being fully compatible with Bootstrap 3, you just need to add the CSS containing the Bootstrap and include the JavaScript at the end of your document.

      • Transparent PSD UI Kit Web Template

        ​The Transparent UI Kit is a glossy and bold UI kit that includes lots of user interface elements. The user has a lot of options to choose from and its design is ideal for web and mobile apps. It has three different versions web templates – Web, Smartphone and Mobile.

      • PSD App Graphic User Interface

        A mobile user interface counting on four screens with the basic elements for a social app, bringing a mixture of creamy autumn colors and a gorgeous aqua login screen. The ZIP includes four PSD files all of them with organised layers to make your job easier.

      • White Stripes User Interface PSD Kit

        A complete stylish GUI freebie, providing almost anything one might need from the basic bars, text fields and buttons to charts, players and tag clouds; all in a simple style of white lines on a proposed blue background. The whole PSD is neatly organized for comfortable managing.

      • Dark Flat PSD User Interface Kit

        A PSD kit with some items from a flat dark user interface such as buttons, inputs, search fields, text areas, check boxes, toggle switches and drop-down menus which are perfect for mobile interfaces and apps. The colors available are red, green and blue, with the addition of several states (pressed, hover, default, etc.).

      • Orange & Blue Flat UI PSD Pack

        An extensive user interface concept inspired by the current flat design trend. It includes everything you need to run a somewhat basic website and even add some complex features into the mix: Buttons, toggles, circular avatars, messaging widgets, map windows, progress bars and much, much more awaits for you in this package.

      • Flat-Styled UI Kit PSD

        A considerably large set of UI elements created by Dribbble’s Andreea Nicolaescu, completely based on flat styling. The variety of tools available is quite wide, including audio player, calendar, progress bar, calculator and navigation buttons and dropdowns. You can use this set personally and commercially.

      • Web App Header PSD UI Kit

        A fantastic flat UI kit made in PSD, featuring strong colors that give an alternative look to the sometimes all-too-similar flat interfaces we see around today. He still manages to keep all elements well organized and recognizable for the user.

      • Flat Square User Interface PSD Kit

        Another useful UI Kit created in PSD by the team at Designmodo and released for free. This time around, the main characteristic is the implementation of the now common flat design trend with simple, but impressive elements that include search bars, audio players, menus, weather widgets and much, much more.

      • Wireframe UI Kit

        This invaluable resource allows you to get the entire blueprint needed to created iPhone 5 applications, courtesy of Anthony Aubertin's design. This UI kit contains measurements, buttons and elements commonly found in most iPhone utilities to use in mockups or brand new creations.

      • Polaris UI Kit

        A beautiful set of colorful UI elements created by the Designmodo team for Smashing Magazine. The items draw inspiration from various sources, such as Microsoft's Metro concept. You can increase and decrease size with no problem, thanks to the use of shape layers (vector elements).

      • iTunes UI Redesign

        This iTunes UI design borrows elements from simple design techniques like Metro and flat in order to create a straightforward interface. It comes in two versions that feature the same elements with a small difference: One is plain white while the second has a subtle blur effect and slight gray tones.

      • Photoshop Flat UI Kit Freebie

        A small bundle of big elements for web designing, coming with a clean flat designed and a pink color scheme that you can modify at will after grabbing the PSD file. The package includes widgets for calendars, weather, login screens, video playback and more.

      • Minimize UI Kit

        An exhaustive set of clean and simple UI elements created in vector format, allowing you to resize them without worries. The collection is very complete, including music playback controls, tags, checkboxes, radio buttons, dropdowns and setting buttons. Created by Alessio Atzeni.

      • Flat UI Kit: Free PSD and HTML

        A fantastic freebie brought to us by Designmodo in the form of a massive UI kit implementing pure flat design. These buttons, dropdowns, media players, sliders and other elements feature neat animations and highlight effects, making interactivity detection an easy task for your visitors. They come in both PSD and HTML versions.

      • Putty: Dark and Neon UI Pack

        Putty is a gigantic set of UI elements created by Dribbble's Alexey Anatolievich. The styling is fantastic, using a solid dark background that poses as a great foundation for all the neon effects and vibrant colors found on the UI elements themselves.

      • Free Metro UI Style Web Design

        An interesting design with a patterned background, providing a template to work on a Metro-styled interface, as seen on Microsoft latest products. It provides a good deal of detail while keeping the emphasis on simplicity that characterizes Metro creations.

      • Black UI PSD Template

        A fantastic and broad collection of PSD UI elements, designed by Alex Patrascu almost entirely in black with bright, light blue details. The items available are quite diverse, going from sliders and volume bars, to search bars, buttons with notifications and much more.

      • Collapse Expand List View all items Download Collection Submit
    • Web Development Tools (135 submissions)

      Multiple purpose web development tools, ideal for improving daily workflow and adding extra functions to your projects.

      • Aleut.css: Scalable CSS Framework

        Aleut.css is a CSS framework designed with scalability and performance in mind. It generates just the absolutely necessary lines of code, you can implement it in little or huge projects as you want, and letting you have the control all the time.

      • Modaal: Accessible Modal Plugin

        Modaal is a plugin to create accessible dialog windows that aims a mix of quality, flexibility, and accessibility that can be used in a wide range of projects.

      • Jam API: Websites API Access

        Jam API is a service to generate JSON accessible data using CSS selectors from any website, creating extra options for developers who want to interact with your site.

      • Vue.js: Web App JavaScript Framework

        A JavaScript web application framework that helps you compose your applications with decoupled and reusable components perfect for modern web interfaces, easy to install via NPM or Bower.

      • Google Chrome Web Development Tools

        A set of web developer tools for authoring and debugging into Google Chrome, providing to developers access into the internals of the browser and their web app, making it perfect for testing and solving issues that will help with obtaining the best code.

      • Caddy: Lightweight HTTP Web Server

        An alternative web server easy to configure and use, supporting http/2, IPv6, markdown, web sockets, fastCGI, templates and more, it is available for multiple platforms, Mac, Linux, BSD, and Android among them.

      • Atomic Docs: Front-end Component Manager Tool...

        Atomic Docs is a fantastic front-end toolkit and a SASS component manager, built in PHP, and ready to add to your local environment, it will let you manage all your components in an easy way using a clean GUI interface.

      • React: JavaScript UI Library

        React is a flexible JavaScript library for building user interfaces and is often used as the V in the MVC model, it can render on the server using Node, and can also power native apps using a new feature called React Native.

      • Polymer: JavaScript Web Components Library

        Polymer is a JavaScript software library used to define and style web components, implementing modern design principles to create custom HTML elements, it has reached version 1.0, and has begun to gain increasing recognition from the web development community.

      • DeckHub: GitHub Desktop Client

        A desktop client for GitHub with a stunning TweetDeck style, keeping you up-to-date with notifications, featuring a multi-user platform, custom columns, and mixing of different repos, users and organizations.

      • Codetasty: Powerful Cloud IDE

        An IDE in the cloud that includes all the features of a desktop one, it comprises several language tools, a file explorer, a terminal, and extensions. It is perfect for collaboration, sharing code with friends or colleagues.

      • Kite: Productive Development Environment Plug...

        An amazing code editors plugin which provides you with a floating dock-sidebar that aids your coding at all times by showcasing suggestions of functions and methods as you type organized by popularity. You can also see documentation on-the-go, examples, and even highlights syntax errors thus boosting your workflow.

      • Jsmp.io: Browser Package Management

        A JavaScript package manager that supports installing any module format from any registry, with GitHub and npm currently provided with flat versioned dependency management.

      • Popper.js: Useful Web Tooltips Javascript Lib...

        Popper.js is a useful library that aids in creating poppers in web development. Some featuring custom boundaries, GPU acceleration, offsets, and modifiers make of it an ideal tool.

      • WPDK: WordPress Development Kit PHP Framework

        A WordPress PHP framework aimed to make productive, solid and easy to maintain the creation of plugins and themes. This Development Kit includes downloadable several samples on their website.

      • Herbert: WordPress Plugin Framework

        Herbert is an effort to standardise and structure the process of building WordPress plugins, instead of the unorganised current approach, saving time to developers and making work in teams easier.

      • Stellar: Easy Scaffolding LESS Library

        A LESS library for easy and fast web app scaffolding, arranging in rows and columns, responsive design, and few lines of code. Learn how to use it with samples and tasks in their own website.

      • Superplaceholder.js: Input Placeholders Libra...

        A JavaScript library to carry your input placeholders to life showcasing multiple instructions in a single input placeholder, animating, providing extra information, and examples to fill them.

      • Mercury: Modular Front-end JavaScript Framewo...

        A Javascript front-end framework which aims to be modular, making it possible to combine along with other frameworks, written by Raynos who has created several other useful libraries and it seems to have got lots of interest from the community.

      • DesktopServer: Local WordPress Projects

        Create a locally installed WordPress site in seconds on Windows or Mac. Easy custom configuration with blueprints and tools to import or deploy your live website.

      • Rikulo: Web & Mobile HTML5 UI Framework

        Rikulo is a UI Framework in Dart language which allows code to be run at the client and server into the UI, is aimed to provide a structured model for cross-platform web and mobile programming using HTML5. Also provides capabilities to build native mobile applications.

      • Substance: Web Based Content Editing

        Substance is a JavaScript Library for web-based content editing platform, also can be used to build a sheets editor, web content, a notepad application and many more. Document authoring can be done in the browser, in a simpler and more collaborative way.

      • Awesome MongoDB Resources Collection

        A complete list of MongoDB resources with full documentation, libraries for several programming languages, many tools like Big data and Deployment, among others including some examples of applications ready to be used.

      • GitHub Importer: Migrate Your Code

        Github Importer allows you to migrate your code and repositories from Subversion, Mercurial, Team Foundation Server, or any other Git repository directly into GitHub.

      • Phoenix: Productivity Web Framework

        Phoenix is a productive web framework that does not compromise speed and maintainability by implementing the server-side MVC pattern and many of its components and concepts similar to the ones in other web frameworks like Ruby on Rails or Python's Django.

      • Visual Studio Code: Microsoft Debugging Code ...

        An open source code editor developed by Microsoft for Windows, Linux and OS X, it's redefined and optimized for building and debugging modern web and cloud applications. VS Code combines the streamlined UI of a modern editor with rich code assistance and navigation, and an integrated debugging experience, and has hundreds of extensions.

      • Bootstrap Boutique: Bootsrap Framework Librar...

        Hand picked controls, design elements and widgets for Bootstrap framework. Each element comes with a clear example for easy copy and use. Visit their GitHub profile for repositories.

      • Simulacra.js: One-way Data Binding

        Simulacra.js makes the DOM react to changes in data so as to map those changes to the DOM by adding and removing elements after invoking mutator functions, which by default, assign plain text and form input values.

      • GrapesJS: Online Web Template Editor

        GrapeJS is an open source online tool that allows you to edit your website templates counting on a neatly crafted minimal UI toolkit for style, layers, code, and asset management, as well as local and remote storage, and default built-in commands.

      • imba: JavaScript Compiled Language

        Imba is a programming language development for the web that compiles to highly performant and readable JavaScript supports for defining, extending, subclassing, instantiating and rendering DOM nodes.

      • Touch Pressure Intensity Interactions

        Pressure is a JavaScript library that allows you to handle certain parameters on the web which values vary depending on the pressure you apply on the touch screen on new Mac and iPhone devices.

      • JavaScript list: one JS tip every day!

        Enjoy this short and useful resource to find JavaScript tips every day in order to improve your code writing. If you want to enrich the list you can also make your own suggestions!

      • Ally.js: Simpler Accessibility JavaScript Lib...

        A JavaScript library that simplifies certain accessibility features, functions, and behaviors by providing certain standard functions that the web platform should've provided itself for JavaScript applications to be made accessible more easily.

      • OS.js : JavaScript Cloud & Web Desktop P...

        OS.js is a completely free and open-source JavaScript web desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction. Works in any modern browser and can be deployed on any platform using Node or PHP.

      • Codepad: Social Ranked Snippets Site

        Codepad is a website for social ranked snippets developed in plenty of languages with which you can create collections, do version control, hire or be hired, search and follow, and more.

      • Appolo: Jekyll Plugins & Themes

        Appolo is a set of plugins and themes for Jekyll to create a static portfolio website for app developers to showcase their work. It has a minimalistic style and responsive design.

      • Iceberg: Front-End Boilerplate

        Iceberg is a front-end boilerplate to help you start your web projects from scratch in an easier way, so you don´t need to re-create everything every time.You can download it or install it via Bower.

      • CLImate: PHP Terminal Customizer

        CLImate allows you to easily output colored text, special formatting, and even animations. It makes output to the terminal clearer and debugging a lot simpler.

      • Awesome Development Interviews Collection

        An awesome collection of interviews about development regarding topics of several programming languages, databases technologies, operative systems, algorithms, coding exercises, and more.

      • OpenCampus: Professional Certifications Resou...

        OpenCampus is the biggest resource library regarding professional certifications for PMP, CAMP, ITIL Foundation, Big Data Developer, Hadoop Administrator, Six Sigma belts, Microsoft Excel, and more.

      • Lineman: Client-Side-Focused Utility

        Lineman is a command line utility that allows you to focus in the client-side part of applications development and also provides you with the most relevant server-side application development features.

      • JSONView: Mozilla’s On-browser JSON Vie...

        A Mozilla extension for visualizing JSON files directly on the browser nicely formatted instead of prompting to download it or rendering it as text featuring collapsible array and object sections.

      • Auth0: Angular 2 Authentication Library

        A service that abstracts how users authenticate to applications which can be using custom credentials, social network logins, enterprise directories or password-less systems.

      • Curated UI Design & Development Feed

        A curated feed of articles and resources regarding web applications UI design, and front-end, back-end and full-stack development. You'll find tutorials, tools, inspiration, and more.

      • BackstopJS: CSS Responsive Debugger

        BackstopJS takes screenshots of your website or web app in several sizes in order to find unwanted CSS regressions by reporting which and how many screen sizes failed.

      • Scrapy: A Powerful Web Crawling Framework

        Scrapy is a cross-platform and collaborative framework open-source developed in Python for extracting relevant data from websites.

      • Flask Micro: IDE Code-editor WordPress Plugin

        Flask micro is a WordPress plugin that implements CodeFlask.js as a shortcode for IDE code edition.

      • Telepat: Real-time Back-end Data Sync

        Telepat is an open source back-end stack that allows you to provide your clients in real-time with information and updates as well as flexible deployment and simple scaling.

      • Real-time Web Communication Demos

        WebRTC is an open source repository that consists of demos and experiments on real-time communication for web technologies.

      • Documentation-focused Curated Resources

        The Web Field Manual is an online curated list of resources focused on documenting only the best knowledge for designing experiences and interfaces on the web.

      • Fly: New Generator Build System

        Fly is a modern co-routines, generators and promises based built system for Node.js. It features concurrent tasks, robust error handling, cascading tasks and a simple API.

      • Lattice: Server Workload Manager

        Lattice manages containerized workloads on clusters which consist of a number of virtual machines that run containers, and a brain that monitors the cells.

      • UnCSS: Unused Styles Remover

        UnCSS is a tool for removing unused CSS code from your stylesheets that works across multiple files supporting JavaScript injected CSS.

      • Awesome Ruby Gems Collections

        A huge collection of ruby on rails gems classified by category and listed in GitHub by its author hothero.

      • Flarum: Modern Forum Software

        Flarum is a next-generation forum software that offers several UX features such as real-time discussions, moderation tools, touch optimization, and much more.

      • VueStrap: JavaScript-built Bootstrap Componen...

        VueStrap is a kit of Bootstrap components built with Vue.js completely independent of jQuery, bootstrap.js, or any other 3rd party plugin.

      • HTML5Sites: Curated HTML5 Sites Gallery

        A curated gallery that contains a collection of websites regarding HTML5. They are social ranked and allows submissions of new sites.

      • cssnano: A PostCSS-based Modular Minifier

        CSSnano is a modular minifier based on PostCSS plugins. It takes formatted CSS and optimizes it, ensuring that the final result is as small as possible for a production environment.

      • Bonsai: Freelancers Contracts Management

        Bonsai is an online web tool for freelancers to be able to generate secure contracts that feature eSignatures and integrated escrow.

      • Otto: Cloud Platform Web Development Environm...

        Otto is a cloud platform that automatically builds a development environment tailored specifically for your application and allows you to control it with a single consistent workflow in order to maximize the development productivity.

      • GoTTY: Terminal As Web Application

        GoTTY is a simple command line tool that turns your Command Line Interface tools into web applications. This tool was developed by Iwasaki Yudai and is available as an open-source project.

      • CSSfmt: A CSS Formatting Tool

        CSSfmt is a tool that automatically formats CSS and SCSS source code. It can format Vanilla CSS, SCSS syntax, and nested selectors syntax like SCSS, Less, Stylus and processor using post CSS-nested.

      • Eager.io: CSS & JavaScript Web App Store

        Eager is an open source built web app store initiated by Adam Schwartz and Zack Bloom that allows you adding to your website several web apps in CSS and JavaScript only by indicating where you want it. Some of the most used apps are photo galleries, latest tweets section, add a comment section and fancy underliner.

      • Device Metrics: Devices Screen Sizes Online T...

        A nice collection made by Google with every device's metrics like screen size, the aspect ratio, width, height and pixel density. It's a great tool for designers and developers to know the dimensions of the most relevant devices. This is a public list that can be used freely.

      • Kirki: WordPress Websites Customizing Toolkit

        Kirki is a website customizing toolkit for WordPress. It extends the customizer functionality. It makes it easier for everyone to create beautiful and meaningful websites. It is licensed under the GNU General Public License.

      • Nuclide: Unified Web & App Development I...

        Nuclide is an open source IDE for React for creating native, web, and mobile apps, made as a suite of packages on that based on Atom to provide hackability and the increasing support. It provides auto-completion and inline error highlighting, a JavaScript type checker and more. It was made by Facebook.

      • reactCSS: CSS Classes into React.js JavaScrip...

        A JavaScript tool that allows the inclusion of CSS classes into ReactJS. It allows class-based data, you can keep HTML and components styles together and easily attach the classes to the code.

      • Sublime Text 3 Material Design Theme

        A beautiful theme for Sublime Text 3 that has considerable improvements regarding functionality and also design. It brings the Material Design visual language into Sublime, being really easy to install. You can also change from dark to white and use visual cues to save time. It was created by Mattia Astorino.

      • Scut: Frontend Sass Utilities Pack

        Scut is a set of Sass utilities for improving the implementations of common style-code patterns. It takes away the pain of repeating code across a website; it makes things easy, helping you organizing your rules, and implementing best practices.

      • Vorlon.JS: JavaScript Debugging and Testing T...

        Vorlon is an open source, extensible, platform-agnostic tool for debugging and testing your JavaScript remotely. It was created with the help of node.js and socket.io. It is easy to setup even as a desktop software for Windows and Mac, and it is extensible

      • xto6: Next-generation JavaScript Modernizer

        xto6 is a nice library made in JavaScript that keeps your JavaScript code clean and readable. Among its features, you can find function/prototype to class, string concatenation to template string and anonymous callbacks to arrow functions.

      • lightgl.js: WebGL Apps Prototyping JavaScript...

        A library to quickly prototype WebGL applications made in JavaScript. It re-implements OpenGL's modelview/projection matrix stack for similar functionality, making it perfect for creating cool 3D data showcases and visually appealing components.

      • CSS Dig: CSS Cheking Chrome Extension

        CSS Dig is an extension for Google Chrome that helps you analysing the CSS on your website. It shows you the CSS properties of your site, their frequency of use and variation. Also, it shows you the inconsistencies so the end user doesn't get confused.

      • Marx: Multipurpose CSS Stylesheet

        Marx is a CSS Stylesheet for developing simple web projects. It is not a framework, but a set of rules in CSS for easy styling. With it, all browsers render consistently thanks to Sanitize.css, was built with SASS, it's responsive and mobile friendly, has clean and beautiful photography and more features.

      • HTML Symbols, Entities and Codes

        A cool online collection of arrows and other symbols available as code. You can select among many types of arrows, and symbols like copyright, at, registered trademark and many more. After you're done, you can copy the Hex code, HTML ​or Unicode to use it on your projects.

      • Radium: Component Styling React Library

        Radium is a collection of tools for React elements' inline styles management. With it, you have powerful styling capabilities without needing to use CSS. It allows you to browse state styles to support and use media queries as well. It is a creation from Formidable Labs.

      • Browser Typeface Rendering JavaScript Engine

        Since fonts will look heavier on OS X and iOS than on other platforms, this useful JavaScript engine makes a specific typeface look nice in mobile devices, just as they look cool in desktop computers.

      • Predawn: Sublime and Atom Interface & Sy...

        Predawn is a set of styling features added to the Sublime code editor and also for Atom. The theme adds several improvements, like folder navigation and improved color distinction among elements, and more.

      • Apple Watch Online App Creator

        Thinkapps is an online tool for creating Apple Watch prototypes without the need of code. It helps you setting up the elements necessary to deliver a complete app, so the developers in your team have a clearer picture of what to do.

      • url.js: URL Manipulation JavaScript Library

        url.js is a lightweight library built with JavaScript to manipulate the page URL. It uses various parameters to find the name and encoding results, it can parse a string as querystring, stringifies a query object, and more. This library is licensed under the MIT license.

      • Cayley: Open Source Graph Database

        Cayley is an open-source graph database inspired by Freebase, using Google's Knowledge Graph. The idea of this is to help developers analysing Linked Data and graph-shaped data in semantic websites, social networks and more. It was written in Go, and it has a complete API, a built-in query editor and visualizer, modular design and it's fast. It was created by Google.

      • Google Prediction API: Predictive Analysis Bu...

        A tool for analysing data and make predictions based on Google's algorithms. It uses a very nice interface, helping you predict future trends using historical data, detect spam and recommend products. It is fast and reliable, has cloud integration, powerful development tools, and more. You can use it for free for a limited time.

      • cmder: Portable Console Windows Emulator

        cmder is a portable console emulator for Windows. It has a Monokai color scheme and a custom prompt layout, and it's a complete package that you can carry anywhere, in a USB drive or in the cloud, so you don't lose your settings and overall progress. It was developed by Samuel Vasko.

      • Online Microdata Snippets Generator

        An online microdata generator that helps generating rich snippets and graphs supported by Google. It supports a full list of structured data schemes, and it lets you aggregate offers, reviews, articles, business, events and contact info, software apps and more.

      • CSS Div & Text Centering Tool

        A simple online tool for centering divs and texts with CSS. You just need to select the content you wanna center, modify the container's size, its alignment and that's it. Finally, download the CSS and include it on your template. It was created by Oliver Zheng.

      • .resizr: CSS Media Queries Testing Online Too...

        .resizr is an online tool for testing any website's media queries to check if it is completely responsive. With it, you just add the URL of the site you wanna test and select the device, mode and other features. There are almost 30 devices to test your site on, and you can use it for free.

      • Open Source Large Files Versioning Github Ext...

        Git Large File Storage is an open source extension that allows you versioning large files. It replaces these large files (like audio and video), including text pointers inside Git, and at the same time stores the contents on remote servers. With it you have more repository space, faster cloning and fetching, access controls and permissions.

      • SaaS, PaaS and IaaS Free Software List

        A list of SaaS, PaaS and IaaS software and offerings with free tiers for developers. It will be a really useful for infrastructure developers, like System Administrators, DevOps Practitioners, and more. The repository grows daily and it's carefully curated. It was created by R.I.Pienaar.

      • APIembed: Multipurpose Code Snippets Generato...

        An online tool for creating auto-generated code snippets in many programming languages for your website, blog or API documentation. With it you can embed your API request, customize your widget, generate the code and then grab the generated result to use it on your website.

      • WPSpeedster: Website Speed Testing Online Too...

        A website with Google PageSpeed test scores for 2500 free themes from the official WordPress theme repository. The tests were executed on the blogs sample page and the home page, both in mobile and desktop environments.

      • Nines: Web Development Performance Tool

        Nines is a web tool that helps developers find critical performance issues while developing. It intends to show developers and designers the impact their changes have on the performance of the site. It shows a bar at the bottom with the page speed, the median, and you can click on them and check more data.

      • Prepros: Multilanguage Programming Compiler

        Prepros is a compelling tool for developers that allows them to compile LESS, Sass, Compass, Stylus, Jade and many more languages thanks to CSS prefixing. You can download it for free and use it on Mac, Windows or Linux machines.

      • osquery: SQL-powered Analytics, Monitoring &#...

        osquery is a complete tool for operating systems made in C++, JavaScript and powered by SQL. It was created by Facebook and its goal is to provide strong and accurate analytics, monitoring and instrumentation. It can be downloaded for free and implemented in any web project.

      • Dust-Me Selectors: Firefox & Opera Code ...

        Dust-Me Selectors is a development tool for Firefox and Opera that scans the CSS code on your website and tells you which selectors are unused. Among its features you can scan any HTML page, add an XML or HTML sitemap and scan pages automatically (Firefox version only).

      • APIs.io: Online API Search Engine

        APIs.io is an experiment that allows you to search APIs on the web. You can implement the search engine, which is also open source, and run it in your own projects. It crawls known APIS.json files, top domains on Alexa and follows include links.

      • Online UX Project Checklist

        The UX Project Checklist is an online tool that helps developers check their process while creating a website, helping them to create a user-friendly and goal-focused website. The tool helps you check if you have accomplished the research, plan, explore, communicate, create, feedback and more stages of the UX process. This tool is free and you can connect it with Google+ to save your progress.

      • Scala: Object Oriented Programming Language

        Scala is a scalable language for creating apps, it is Object-Oriented, supporting advanced component architectures through classes and traits; functional, efficient, integrated seamlessly with Java, future proof and more. It is open source and ready to implement in any project.

      • Screen Sizes: Complete Devices Charactistics ...

        Screen Sizes is a complete table of sizes for every mobile device known. It includes information about the operating system of the device, the physical size, its width, height, the pixel density, aspect ratio, and more. This table is a starter point for any type of design, if you want to implement a creation that reaches more people.

      • Nitrous: Multilanguage Browser IDE

        Nitrous is a complete IDE for your browser that lets you program in Ruby, PHP, Python, Go, NodeJS and other languages. You can synch it with your favorite code editor such as Atom, Sublime Text or Textmate, allowing you to work from anywhere in a shared or private workspace and do it fastly.

      • Tweene: JavaScript Animation Proxy

        Tweene is a JavaScript library proxy that allows you to control and switch between several types of different JS libraries, created for multiple purposes. It is a great way for avoiding so much coding, providing flexibility and stability in the process. It works with GSAP, Velocity.js, Transit (CSS transitions) and jQuery.

      • ngrok: Localhost Secure Tunneling Multiplatfo...

        A tool that creates a tunnel from the public internet to a port on your local machine with download available for several OS platforms. It is useful in the case you are developing a website, and you want someone outside to see how's it going without deploying it. You just pass the URL and grant access. ngrok also captures all traffic through the tunnel.

      • Frontend: Web Development Boilerplate

        The Front-end Boilerplate is an easy to use development tool for creating attractive and useful web projects. It has a tasks manager, you can use your dependencies, you can choose what preprocessor to use, and it includes many features that can make your development a great experience. You must have Node and npm installed to use it.

      • Subtext: Web and Desktop Code Editor

        Subtext is a code editor for Chrome browser and Chrome OS; an offline tool that you can use on your browser and desktop. It lets you edit local files thanks to a simple user interface. Among its features you can find: - Project management - Fuzzy search for opening files - Versatile layout - Fullscreen mode It supports several types of syntax, including HTML, CSS, Javascript, PHP, LESS, Stylus, Coffee, Ruby, Python, Markdown, Mustache, and many more. You can download it for free.

      • Webplate: Website Building Front-end Framewor...

        Webplate is a useful front-end framework that allows you to focus your attention exclusively on building your website or mobile app. It is a UX experiment that you can download and use for free, or improve since it is open source. Inside you can find: - A robust and responsive layout engine - Global buttons and elements - Customizable forms - Simple modals - Icon fonts support Also, it includes two types of "starter kits": the Quill UI and the Stripe UI. The first one created for writers and the other one for quick creations. This framework was created by Chris Humboldt and was uploaded …

      • Website Development Starter Kit

        This is a web starter kit that will help you not only create a compelling and useful website that can be viewed in any desktop or mobile device, but to know how you can improve it at all levels. Among its features you can find: - A responsive boilerplate. - An up-to-date style guide. - Cross-device synch. - Live browser reloading. - Performance optimization. - Insight reporting. - SASS Support.

      • Plugin for Bringing Youtube Feed into WordPre...

        This plugin for WordPress lets you import youtube individual videos or feed from videos, and convert the result in a post. Even though it is in its first version, it's stable, and videos can be searched and manageable, easing its use in any WordPress blog.

      • Scotch: Off Canvas Menus & Panels jQuery...

        Scotch Panels is a jQuery plugin for easily creating off canvas menus, navigation, and other panel types such as images, videos, and iframes. They have lots of features and different options for every skill-level to tweak and implement into almost any project. They work from any container so you can put your side navigation on any element you want. It even provides excellent browser support via a JavaScript fallback.

      • Omega: Python Web Platform

        Omega is an attempt to bring back innovation to Python web frameworks. Its goal is to be more than a web framework since it aims to be a platform on which any type of web application can be built, batteries included. That means  this tool ships with support for creating ORM-backed CRUD applications, NoSQL REST APIs, real-time applications using Websockets, and simple, mostly static page applications.

      • ScrollAdvance: Scrollable Backgrounds jQuery ...

        This jQuery plugin allows the user to move the background in any cardinal direction thanks to values that can be changed, adding useful functions for the scroll position as scrollBottom() or scrollTop(). It is published under the MIT License.

      • heatmap.js: Dynamic Web Heatmaps

        A JavaScript library will help you make three-dimensional data speak up. Heatmap.js v2.0 adds new value to your project, and you can build a business based on it, study and visualize user behaviour, and much more. Whether you want to have an aggregated overview of your users behaviour or look at thousands of events distributed on a map, this tool covers all your heat map visualization needs.

      • CSS Layout Generator

        This is a supremely useful tool that will generate column layouts including footer, header and menu. You can set the measurements by either pixels or percentages. The inclusion of sidebars can also be controlled. Take a look and create the right foundation for your project. It was created by Generate It!

      • Online CSS Validator

        ​This online tool created by the guys at CSS Portal helps you validate your CSS files with a simple form. Validating your CSS is the first step (before optimizing it) since it allows you to find errors in your CSS that can make your page display incorrectly. After that, a good optimization is required and can help you website load faster and smoother than ever.

      • CSS Code Optimizer

        ​Optimizing your CSS code is crucial if you are running a large site. CSS has a tendency to get cluttered, just like HTML does. This generator will format and optimize your CSS code using a variety of different compression settings. Once you're done with your CSS codes just upload them to your web hosting service provider and see the results of your CSS design online.

      • Online Password Generator

        ​This online password generator will allow you to create a range of strong and secure passwords using a combination of uppercase letters, lowercase letters, numbers and punctuation symbols. Within you can select the password length, lowercase letters, capital letters, numbers, punctuation, and avoid similar characters to create a powerful password. Then just click on generate, and you are done.

      • Orson: Online Tool for Creating Themes

        Orson is a great tool for creating your own Bootstrap theme. And after all, you can save it. It takes advantage of the latest version of Bootstrap; you can preview your work, import variables, pick colors easily, choose from lots of Google Fonts and many more features.

      • -prefix-free: Use Only Unprefixed CSS Propert...

        -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. Among its features: - Processes every stylesheet in or elements and adds a vendor prefix where needed. - Processes elements with a style attribute and adds a vendor prefix where needed. - Takes care of new or elements, style attribute changes and CSSOM changes (requires plugin). - Lets jQuery’s .css() method get and set unprefixed properties (requires plugin).

      • Typecast: Create Better Web Typography

        ​Use Typecast to create visual and semantic designs. This online tool allows you to arrange the texts of any website, modify the typeface, weight, color, size, spacing and more. You can also create various instances of the same page; for instance, you can set up different configurations for different screen resolutions.

      • Bonfire: Easy PHP Web Applications

        Bonfire helps you build CodeIgniter-based PHP web applications even faster than ever by providing powerful tools and a beautiful interface you won’t be ashamed to show your client. With it you have built in users, enhanced debugging and a significant set of developer tools.

      • Screenhero: Easily Review your Code

        Screenhero is awesome for code review and pair programming. With simultaneous control, both sides can switch seamlessly between driving and navigating, with zero overhead. Works with every IDE. Instantly present your ideas to your clients, without having to send multiple files back and forth.

      • sachet: Handcraft your Own Development Enviro...

        sachet allows you to handcraft your development environment. By allowing you to select features and functionality that you are comfortable with, it generates you a small package with the appropriate configuration files, plugins, and theme so you can leverage the potential of your Vim editor.

      • Chronos: Fault-tolerant Schedule

        Chronos is airbnb's replacement for cron. It is a distributed and fault-tolerant scheduler which runs on top of mesos. It's a framework that supports custom mesos executors as well as the default command executor, thus executing SH (on most systems BASH) scripts.

      • Scriptular: JavaScript Regular Expression Edi...

        Scriptular is a JavaScript regular expression editor. Inspired by Rubular, it gives you a simple way to test JavaScript regular expressions as you write them.

      • js-sequence-diagrams: Turn Text into UML Diag...

        Here we have a simple JavaScript library to turn text into vector UML sequence diagrams. This tool was heavily inspired by the website websequencediagrams.com, which offer a serverside solution. You can use Jison to parse the text, and Raphaël to draw the image.

      • Log: Console with Style

        Log is a simple utility to add style to the browser’s console output. It makes developing for the web and debugging easier by adding colors, ordering content, and more.

      • VisualOps: Cloud Management for AWS

        Here we have a drag and drop real AWS resources to a canvas to quickly design your application architecture. It features several improvements like: - Drag-n-drop to build. - Built-in modules to configure instances. - One click to launch. - Easy exporting. - Realtime cost estimation.

      • TogetherJS: Collaborate in Real Time

        TogetherJS (formerly know as TowTruck) lets users communicate, co-author, co-browse and guide each other. It’s is implemented in Javascript; no software or plugins to install, and it’s friendly with existing web pages, while still letting developers customize the experience.

      • csxs: App Development Tool

        csxs is a command line tool written in node.js for creating, compiling, packaging, debugging, and deploying extensions for Adobe Creative Suite. It’s easy to use and it is powerful.

      • xctool: Easy App Creation

        xctool is a replacement for Apple's xcodebuild that makes it easier to build and test iOS and Mac products. It's especially helpful for continuous integration. It runs the same tests as Xcode.app, and provides a structured output of build and test results, human-friendly, ANSI-colored output, and faster & parallelized test runs.

      • Yeoman: Web Tool For Building Apps

        Yeoman helps you kickstart new projects, taking into account the best practices and tools to help you stay productive. It provides a generator ecosystem, which is  a plugin that can be run with commands to scaffold complete projects or useful parts.

      • Brunch: Lightweight HTML5 Application

        Brunch is a lightweight approach to building HTML5 applications with an emphasis on elegance and simplicity. This builder is not a generic task runner, but a specialized tool focusing on the production of a small number of deployment-ready files from a large number of heterogenous development files or trees.

      • Deployd: Build APIs Easily

        Deployd is an open source platform that allows you design, build, and scale APIs for web and mobile apps in minutes instead of days. After you've set it up, you can deploy to a high-performance cloud, or host it yourself. You have an API just with one click, manage its resources through a web-based platform.

      • Viewport Resizer: a Responsive Bookmarklet

        Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page. It features full customization, add & customize sizes on the fly, manual orientation toggle by click, automatically device window orientation in "Auto Size" mode, media query support, viewport animation, adapt meta viewport tag from the current page.

      • Emmet: Optimized Snippets for the Web

        Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and SSC, but can be used with programming languages too.

      • Vagrant: Development Environments Creator

        Vagrant allows you creating and configuring lightweight and portable development environments. It is a tool you can install on Mac OS X, Windows, or a popular Linux distribution. After that, create a single file to describe the type of machine. It creates identical development environments for everyone involved in the project.

      • Adobe Edge Animate CC: HTML Animation Authori...

        ​The Adobe Edge Animate CC is a great tool for creating animated, interactive content for the web. It allows web designers create HTML for web and digital publications, as well as sophisticated ads for media that can be viewed on any device.

      • Collapse Expand List View all items Download Collection 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.

Thank You!

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

|