Intense images – JS plugin

Categories Code stuff, FreebiesPosted on
Intense images - JS plugin

Intense images is a stand alone javascript library (no jQuery, or the likes) for viewing images on the full, full screen.

View demo   View on Github

Ideas for block reveal effects with 3D Transforms

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

Datedropper 3.0: A powerful jQuery UI datepicker

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Conversational Forms: Turn web forms into conversations with JS

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

Shave: A JS plugin to truncate multiline text

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Material Design preloader

Categories Code stuff, FreebiesPosted on
Material Design preloader

A jQuery plugin that recreates the Material Design preloader. Created by aarondo.

View project page   View on Github

Ideas for block reveal effects with 3D Transforms

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

Datedropper 3.0: A powerful jQuery UI datepicker

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Conversational Forms: Turn web forms into conversations with JS

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

CSSPIN: A collection of 10 CSS spinners & loaders

CSSPIN is a fresh new collection of 10 spinners and loaders made of a single HTML element and few lines of CSS built by WebKul.

November 26, 2016

CSSPIN is a fresh new collection of 10 spinners and loaders made of a single HTML element and few lines of CSS built by WebKul.

November 26, 2016

Hopscotch – Tour across pages

Categories Code stuff, FreebiesPosted on
Hopscotch - Tour across pages

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

Download freebie

Ideas for block reveal effects with 3D Transforms

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

Datedropper 3.0: A powerful jQuery UI datepicker

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Conversational Forms: Turn web forms into conversations with JS

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

Shave: A JS plugin to truncate multiline text

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

iOS7 Toggles CSS

Categories Code stuff, FreebiesPosted on
iOS7 Toggles CSS

Today’s CSS snippet on Codepen is an iOS7-style toggle made with CSS3 and a cool animation. Created by Joshua Hibbert.

View Snippet

Fragments: iOS wireframe kit

Fragments is a wireframe iOS kit for Sketch released by Pixsellz that you can use to build any kind of mobile app.

September 2, 2019March 4, 2020

Fragments is a wireframe iOS kit for Sketch released by Pixsellz that you can use to build any kind of mobile app.

September 2, 2019March 4, 2020

Movie booking app concept

Here is a nice a starter UI kit for Sketch for getting started with a movie booking apps designed and released by Kishore.

August 21, 2018

Here is a nice a starter UI kit for Sketch for getting started with a movie booking apps designed and released by Kishore.

August 21, 2018

Sketch UX kit for wireframing & prototyping

A free UX kit for Sketch created by Mikolaj Dobrucki that may come in handy for wireframing and building complex interfaces quickly.

April 25, 2018

A free UX kit for Sketch created by Mikolaj Dobrucki that may come in handy for wireframing and building complex interfaces quickly.

April 25, 2018

iOS 11 UI kit for iPhone X

A free iPhone X UI kit for Sketch based on iOS11 provided in both light and dark versions. Built and released by Design+Code.

January 31, 2018January 31, 2018

A free iPhone X UI kit for Sketch based on iOS11 provided in both light and dark versions. Built and released by Design+Code.

January 31, 2018January 31, 2018

YouTube CSS+JS menu effect

Categories Code stuff, FreebiesPosted on
YouTube CSS+JS menu effect

Today on Codrops a tutorial on how to recreate the effect of YouTube’s little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.

Download freebie

10 CSS hamburger menu effects

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.

March 3, 2016December 23, 2020

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.

March 3, 2016December 23, 2020

Vertical fixed navigation with icon indicators

A tutorial by CodyHouse shows you how to create a vertical fixed navigation. When hovering the bullets they transform themselves in round circles.

January 10, 2016December 23, 2020

A tutorial by CodyHouse shows you how to create a vertical fixed navigation. When hovering the bullets they transform themselves in round circles.

January 10, 2016December 23, 2020

Line style navigation menus

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

January 7, 2016December 23, 2020

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

January 7, 2016December 23, 2020

Stretchy navigation code snippet

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

November 19, 2015December 23, 2020

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

November 19, 2015December 23, 2020

Batman login form with CSS3

Categories Code stuff, FreebiesPosted on
Batman login form css snippet

How should Batman design his login form? Free PSD.

View snippet

Animated sign up tables

A tutorial about creating some pricing tables animating into a sign up form. Created by CodyHouse.

June 25, 2015September 28, 2015

A tutorial about creating some pricing tables animating into a sign up form. Created by CodyHouse.

June 25, 2015September 28, 2015

CSS Contact form

A simple and easy to customise contact form built with HTML5 and CSS. Built by Codyhouse.

March 16, 2015December 23, 2020

A simple and easy to customise contact form built with HTML5 and CSS. Built by Codyhouse.

March 16, 2015December 23, 2020

Text input effects

Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements by Codrops.

January 10, 2015December 23, 2020

Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements by Codrops.

January 10, 2015December 23, 2020

Login UI kit for iOS

Here is a small UI kit including some login/signup screens for iOS. Free PSD released by Freecreative.

June 13, 2014

Here is a small UI kit including some login/signup screens for iOS. Free PSD released by Freecreative.

June 13, 2014

mojs – Motion graphics library

Categories Code stuff, FreebiesPosted on
mojs - Motion graphics library

mojs is a motion graphic javascript library for the web for creating stunning animations. Created by LegoMushroom.

View project page v View on Github

Ideas for block reveal effects with 3D Transforms

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

Datedropper 3.0: A powerful jQuery UI datepicker

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Conversational Forms: Turn web forms into conversations with JS

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

Shave: A JS plugin to truncate multiline text

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Stretchy navigation code snippet

Categories Code stuff, FreebiesPosted on
Stretchy navigation code snippet

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

View demo   View tutorial

Line style navigation menus

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

January 7, 2016December 23, 2020

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

January 7, 2016December 23, 2020

Animated SVG menu icon

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel.

November 13, 2015

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel.

November 13, 2015

Page stack navigation template

A page stack navigation template based on the Dribbble shot Stacked navigation by Ilya Kostin. Tutorial and snippet by Codrops.

October 22, 2015December 23, 2020

A page stack navigation template based on the Dribbble shot Stacked navigation by Ilya Kostin. Tutorial and snippet by Codrops.

October 22, 2015December 23, 2020

Cards navigation template

A full-page cards navigation template inspired by Primer app. It is great for blogs and portfolios. A project by CodyHouse.

October 22, 2015December 23, 2020

A full-page cards navigation template inspired by Primer app. It is great for blogs and portfolios. A project by CodyHouse.

October 22, 2015December 23, 2020

Icons filling effect – Tutorial

Categories Code stuff, FreebiesPosted on
Icons filling effect - Tutorial

A great article about creating a template with filling effect of the vertical timeline like Elliot Condon beautiful portfolio. Tutorial by Sebastiano Guerriero.

View demo   Read tutorial

Redix icons

Radix Icons is a free, open-source set of 15×15 icons designed by the Modulz team.

October 14, 2020October 14, 2020

Radix Icons is a free, open-source set of 15×15 icons designed by the Modulz team.

October 14, 2020October 14, 2020

Mono icons presentation image

Mono Icons is an open-source repository including 136+ SVG free icons for UI design.

September 23, 2020

Mono Icons is an open-source repository including 136+ SVG free icons for UI design.

September 23, 2020

Education & LMS landing page design

A free landing page designed in Sketch falling under the education and LMS categories.

September 9, 2020

A free landing page designed in Sketch falling under the education and LMS categories.

September 9, 2020

Landing page template for app showcasing

A free PSD landing page template for presenting apps that consists of a simple page made of sections (hero, pricing tables, product features, and more).

August 26, 2020

A free PSD landing page template for presenting apps that consists of a simple page made of sections (hero, pricing tables, product features, and more).

August 26, 2020

iOS7-style navigation button

Categories Code stuff, FreebiesPosted on
iOS7-style navigation button

Today we want to share with you a ready-coded iOS7-style navigation button showing up a navigation menu on the left. Made up with few lines of CSS + JS.

View snippet

Instagram-like Travel app design for iOS

A free Instagram-like Travel app design for Sketch consisting of 4 ready-made screens, released by Monday Hero.

September 2, 2020

A free Instagram-like Travel app design for Sketch consisting of 4 ready-made screens, released by Monday Hero.

September 2, 2020

Furniture app UI kit

Free set of 7 ready-made screens designed in Sketch for a furniture app by Atiqur Rahaman

May 13, 2020

Free set of 7 ready-made screens designed in Sketch for a furniture app by Atiqur Rahaman

May 13, 2020

Outfitr: A UI kit for fashion apps

Outfitr is a free starter pack for fashion apps that includes 3 screens: onboarding, configuration, and shopping cart.

May 6, 2020

Outfitr is a free starter pack for fashion apps that includes 3 screens: onboarding, configuration, and shopping cart.

May 6, 2020

Sophie: Free UI for chat apps

Sophie is a design UI kit in 16 screens for creating awesome chat and messaging mobile apps.

March 11, 2020March 11, 2020

Sophie is a design UI kit in 16 screens for creating awesome chat and messaging mobile apps.

March 11, 2020March 11, 2020

Android 4.4 Kitkat loader CSS

Categories Code stuff, FreebiesPosted on
Android 4.4 Kitkat loader CSS

Here is a CSS snippet for creating an Android 4.4 Kitkat loader. Coded by Simon Clavey.

View snippet

12 free SVG loaders

A set of 12 loaders built purely in SVG, no CSS or JS. Created and released by Sam.

December 1, 2014September 28, 2015

A set of 12 loaders built purely in SVG, no CSS or JS. Created and released by Sam.

December 1, 2014September 28, 2015

Material Design preloader

A jQuery plugin that recreates the Material Design preloader. Created by aarondo.

December 1, 2014

A jQuery plugin that recreates the Material Design preloader. Created by aarondo.

December 1, 2014

lazySizes - Lazy load JS plugin

lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images), iframes and scripts.

October 20, 2014

lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images), iframes and scripts.

October 20, 2014

Minimal loop preloaders

A set of minimal loop preloaders created with vector shapes and provided in AI, EPS, PSD and GIF formats. Freebie released by Marina.

September 30, 2014January 8, 2015

A set of minimal loop preloaders created with vector shapes and provided in AI, EPS, PSD and GIF formats. Freebie released by Marina.

September 30, 2014January 8, 2015

Share it! CSS snippet

Categories Code stuff, FreebiesPosted on
Social share css snippet

Share it is a share button: when you hover it, a tooltip with four social links appears. The CSS snippet includes different styles (square or round corners, tooltips in different positions, et cetera).

View snippet

Social rhombus icons - CSS + PSD

Here is a CSS snippet for creating a set of social rhombus icons and a nice animation on mouseover. Free PSD and code by Marco Biedermann.

October 10, 2013

Here is a CSS snippet for creating a set of social rhombus icons and a nice animation on mouseover. Free PSD and code by Marco Biedermann.

October 10, 2013

Long shadow social icons

Some free vector shaped long shadow social icons provided in several shapes and sizes. Free PSD designed by Hakan Ertan.

September 3, 2013

Some free vector shaped long shadow social icons provided in several shapes and sizes. Free PSD designed by Hakan Ertan.

September 3, 2013

42 Long shadow social icons

42 long shadow social icons provided in many formats and sizes. It also includes a Photoshop PSD for changing the sizes and colours.

August 24, 2013

42 long shadow social icons provided in many formats and sizes. It also includes a Photoshop PSD for changing the sizes and colours.

August 24, 2013

45 long shadow social icons

45 long shadow social icons. A vector shape free PSD with well organised layers provided by Hakan Ertan.

August 13, 2013

45 long shadow social icons. A vector shape free PSD with well organised layers provided by Hakan Ertan.

August 13, 2013