A slider with SVG radial transition effect

Categories Code stuff, FreebiesPosted on
A slider with SVG radial transition effect

Today we want to share with you another gem by CodyHouse: it’s a tutorial that shows you how to create a simple responsive slider powered by SVG radial transition effects. In the article you can also find a link to download the resource and create your custom slider in a matter of seconds.

View Demo   Project Page

Iconoir: Free basic icon pack

A free set of 32 essential icons from Iconoir, premium icon pack designed by Luca Burgio.

December 2, 2019December 2, 2019

A free set of 32 essential icons from Iconoir, premium icon pack designed by Luca Burgio.

December 2, 2019December 2, 2019

Pure Sugar: Free set of 60 SVG icons

Pure Sugar is a set of 60 free SVG icons designed by Nitish Khagwal. Freebie includes a Sketch file and sliced SVGs and PNGs.

July 8, 2019

Pure Sugar is a set of 60 free SVG icons designed by Nitish Khagwal. Freebie includes a Sketch file and sliced SVGs and PNGs.

July 8, 2019

Material Icons Library: 1000+ free vector icons

Material Icons Library is a free set including more than 1000 icons recently released by the design team at Pixsellz.

May 21, 2019March 4, 2020

Material Icons Library is a free set including more than 1000 icons recently released by the design team at Pixsellz.

May 21, 2019March 4, 2020

Ikonate: Free set of 230+ SVG icons

Ikonate is a free and super-easy to customize set including more than 230 SVG icons.

April 24, 2019

Ikonate is a free and super-easy to customize set including more than 230 SVG icons.

April 24, 2019

Barba.js: A plugin for page transitions

Categories Code stuff, FreebiesPosted on
Barba.js: A plugin for page transitions

Barba.js is a lightweight and dependency free javascript plugin to create fluid and smooth transitions between your site pages. It uses PJAX to enhance the user’s experience. Coded by by Luigi De Rosa.

It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience.

Project page

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

Music player app screens for Sketch

Categories Freebies, Sketch freebiesPosted on
Music player app screens for Sketch

Today’s freebie is a music app UI concept made of 2 screens that you can use for inspiration or for design learning purposes. It’s a freebie for Sketch created and released by emilie badin.

Download freebie

Free Mobile UI Kit by Outcrowd

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Collection of free iPhone 12 mockups

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

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

Diverse Device Hands by Facebook

Categories Freebies, Sketch freebiesPosted on
Diverse Device Hands by Facebook

The design team at Facebook has just released another great free resource called Diverse Device Hands: it is basically a set of phone mockups held by hands that you can use in any presentation of your designs. The package includes PNGs of the hands holding various devices as well as a Sketch file of the hands with vector devices.

Download freebie

Mockups for App Store and Play Store

A Sketch freebie for creating mockup scenes for the App Store (iOS) and the Play Store (Android).

May 27, 2020

A Sketch freebie for creating mockup scenes for the App Store (iOS) and the Play Store (Android).

May 27, 2020

Pixel 4 and Pixelbook Go mockups

Free Pixel 4 phone and Pixelbook Go laptop mockups in Sketch, Figma, and Photoshop file formats.

February 5, 2020March 4, 2020

Free Pixel 4 phone and Pixelbook Go laptop mockups in Sketch, Figma, and Photoshop file formats.

February 5, 2020March 4, 2020

Free iPhone 11 mockups

Free collection of the best free iPhone 11 mockups in many different file formats (Sketch, PSD, Figma, Ai) to showcase app designs.

January 3, 2020March 4, 2020

Free collection of the best free iPhone 11 mockups in many different file formats (Sketch, PSD, Figma, Ai) to showcase app designs.

January 3, 2020March 4, 2020

Devices: Sketch files of popular devices

Devices is a big collection of free device mockups for Sketch released by Facebook Design including Apple and more brands.

September 30, 2019October 13, 2019

Devices is a big collection of free device mockups for Sketch released by Facebook Design including Apple and more brands.

September 30, 2019October 13, 2019

Free iOS Wireframe kit for Sketch

Categories Freebies, Sketch freebiesPosted on
Free iOS Wireframe kit for Sketch

A free iOS Wireframe kit for Sketch designed by Megan Dolan at Savvy including a lot of useful pre-built elements to be dragged and dropped into a mockup. This kit is different from all the other ones because it takes advantage of Sketch symbols that allow to quickly insert a specific element from the symbol menu. Hope you enjoy it!

Free iOS Wireframe kit for Sketch Preview

Download freebie

Instagram GUI - PSD template

Free Instagram user interface template for Photoshop, consisting of 16 free PSD files with a lot of ready-made iOS12 screens.

November 25, 2020

Free Instagram user interface template for Photoshop, consisting of 16 free PSD files with a lot of ready-made iOS12 screens.

November 25, 2020

Free Mobile UI Kit by Outcrowd

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Collection of free iPhone 12 mockups

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

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

Switch: A simple javascript plugin

Categories Code stuff, FreebiesPosted on
Switch: A simple javascript plugin

Switch is a simple but powerful javascript plugin (no dependencies) for creating iOS style switches from simple checkboxes. The plugin comes with a set of options (size, colour, text, etc.) and callbacks that help you to get integrate a switch in your UI in a few clicks.

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

24 Unique user interface icons

Categories Freebies, Sketch freebiesPosted on
24 Unique user interface icons

A fresh set of 24 unique user interface outline icons that you may find useful to build admin or dashboard pages. The package includes a SVG and a Sketch files designed and released by Worawaluns.

Download icons 

Instagram GUI - PSD template

Free Instagram user interface template for Photoshop, consisting of 16 free PSD files with a lot of ready-made iOS12 screens.

November 25, 2020

Free Instagram user interface template for Photoshop, consisting of 16 free PSD files with a lot of ready-made iOS12 screens.

November 25, 2020

Free Mobile UI Kit by Outcrowd

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Collection of free iPhone 12 mockups

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

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

Styleguide: Living style guides made easy

Categories Code stuff, FreebiesPosted on
Styleguide: Living style guides made easy

Many of you probably know the importance of style guides in web design and what they’re for: a style guide is basically a manual of style including descriptions of components in style source code and providing guidelines for the way your brand must be presented.

Well, today we want to present you Styleguide, a new incredible tool that helps you to create living style libraries for your brands. What’s great about this tool is that it makes the process fast and easy, because it automatically transforms your Sass variables into elegant styles. The only requirement is that you have node.js and Grunt or Gulp installed on your machine.

View project page   View Demo

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

GoSurf presentation image

GoSurf is captivating website template for Sketch made of dark backgrounds, cool images, and bold typography.

July 22, 2020

GoSurf is captivating website template for Sketch made of dark backgrounds, cool images, and bold typography.

July 22, 2020

Kreative: Free HTML template for agencies

Kreative is a free HTML template for agencies characterised by a modern and professional look. 

June 10, 2020

Kreative is a free HTML template for agencies characterised by a modern and professional look. 

June 10, 2020

Free landing page wireframe kit

A free landing page wireframe kit for Figma with over 90+ layout blocks designed by Swipe Pages.

May 20, 2020

A free landing page wireframe kit for Figma with over 90+ layout blocks designed by Swipe Pages.

May 20, 2020

Alma Mono: Free typeface in 5 weights

Categories Free fonts, FreebiesPosted on
Alma Mono: Free typeface in 5 weights

Hey, we have just found out a new free typeface that you may like! It’s Alma Mono, a simple monospaced font designed by Daniel Feldt that comes in five weights.

What we like most of Alma Mono is that it has been created to help out with relief and charity efforts so you can decide to download it for free (only personal use) or purchase a commercial license for few dollars and donate your money to charity. It’s up to you!

Download font

Featured image of Redaction font

Redaction is a free serif typeface available in 3 styles (Regular, Italic, Bold) and 7 grades of degradation, for a total of 21 fonts.

July 29, 2020

Redaction is a free serif typeface available in 3 styles (Regular, Italic, Bold) and 7 grades of degradation, for a total of 21 fonts.

July 29, 2020

HK Grotesk: Free typeface in 14 styles

HK Grotesk is a free sans serif typeface inspired by the classic grotesque, designed by Alfredo Marco Pradil.

June 3, 2020

HK Grotesk is a free sans serif typeface inspired by the classic grotesque, designed by Alfredo Marco Pradil.

June 3, 2020

Silka Mono: Free regular monospaced font

Silka Mono is a contemporary geometric monospaced typeface in 16 styles.

April 29, 2020

Silka Mono is a contemporary geometric monospaced typeface in 16 styles.

April 29, 2020

JetBrains Mono: Free typeface for developers

JetBrains Mono is a free and open-source, monospaced typeface specifically made for developers.

January 23, 2020

JetBrains Mono is a free and open-source, monospaced typeface specifically made for developers.

January 23, 2020

70 Free basic outline icons

Categories Freebies, Illustrator freebiesPosted on
70 Free basic outline icons

A free set of 70 well-crafted basic outline icons for designers and developers in Sketch and Ai formats designed and released by Carlotta Govi, icon designer based in Italy.

Download icons

Free Mobile UI Kit by Outcrowd

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Collection of free iPhone 12 mockups

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

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

Algolia Places: Address autocomplete plugin

Categories Code stuff, FreebiesPosted on
Algolia Places: Address autocomplete plugin

Algolia Places is a JavaScript plugin to turn any input into a beautiful and easy-to-use address autocomplete component. It takes advantages of OpenStreetMap’s open source database and it is incredibly fast.

View Demo   View on Github

Elements: Dashboard UI kit for Photoshop and Sketch

Elements is a free UI kit including a lot of useful components to get started with dashboards / admin pages design designed and released by Jan Losert.

February 23, 2017

Elements is a free UI kit including a lot of useful components to get started with dashboards / admin pages design designed and released by Jan Losert.

February 23, 2017

Element: A desktop component UI library

Element is a complete and minimal framework based on Vue.js that includes many useful UI components to quickly build websites and apps.

January 30, 2017

Element is a complete and minimal framework based on Vue.js that includes many useful UI components to quickly build websites and apps.

January 30, 2017

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

Free iOS 10 UI kit for Sketch

Categories Freebies, Sketch freebiesPosted on
Free iOS 10 UI kit for Sketch

The new iOS 10 is behind the corner and we can already see the release of some quality UI kit on the web. Today we want to feature an early free kit built with Sketch and released by Carlos Melegrito and Ramon Gilabert: it takes advantages of Sketch Symbols and includes a lot screens, apps, icons, etc. That’s definitely worth a look!

Download freebie

Free Mobile UI Kit by Outcrowd

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Free mobile UI kit designed by the design team at Outcrowd, that consists of 17 ready-made screens.

November 4, 2020

Collection of free iPhone 12 mockups

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

An early collection of the best free iPhone 12 Pro mockups for Photoshop, Sketch and Figma.

October 21, 2020October 21, 2020

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

Kanban Board UI design

A simple Kanban Board to keep track of your personal and work tasks, designed in Figma.

September 30, 2020

A simple Kanban Board to keep track of your personal and work tasks, designed in Figma.

September 30, 2020