Web Design Shock - Archives (aout 2017)

Tailor, a frontend page builder for WordPress featuring a functional and user friendly drag and drop interface. With this functional tool, you'll be able to add elements and create columns instantly in a single drag and drop movement. Copy elements anywhere on the page by dragging and holding the Shift key. Save one or more elements as templates, then drag and drop them onto any page, and way too many cool features to list them all here.

Wekan is a free, open-source project management and collaboration software that uses the kanban board approach for simple and streamlined workflow. As an open source platform built under the MIT license, Wekan is open for modification and improvement. You can integrate your ideas with the system and tweak its settings so that it meets your business demands, requirements, and even your personal preferences.

Interface, a font family created by Rsms, is a great solution for those times you need a font that looks particularly great on screens, as it is designed specifically to look crisp and detailed on displays, whether it be for UI, Web use or other projects. It comes in 3 weights and supports both Latin and Cyrillic Scripts, as well as several special characters for plenty of different languages.

Full-screen background videos can be a powerful feature to have on a website, and, through the power of CSS, Codepen user Dudley Storey has created a neat snippet, complete with directions and recommended practices in order to implement this visually engaging feature on your website.

Friendly, powerful and practical UI Library for eBay, Marko is a great solution for websites, from regular HTML to complex CSS and JS powerhouses. Use it to build great user interfaces, web apps, reactive components, etc, while writing in a familiar HTML-like style, or drop the angle brackets and use Marko's own syntax to achieve even greater results. Marko is fast enough to power animations at 60 fps and provides amazing support for Atom editor with syntax highlighting, autocomplete for both HTML and custom tags, Hyperclick to quickly jump to referenced files and methods, and Pretty printing to keep your code readable. Community plugins also provide syntax highlighting for Sublime, VS Code, Webstorm and others!

Created by dribbble user Kulikov▼Ilya, this freebie Website Template was created in Sketch format for use in WordPress. Siren is a single page scroller template, featuring several grids to showcase images and articles, contrived as a magazine or blogger website, is divided into several sections for posts and highlighted content.

Apple screen Mockups to show your design project. Ideal for showcasing responsive web apps design. The objects included in the PSD are fully layered for easy customization, show or hide all shadows and reflections, replace screens, change background color, etc.

Free 3D Model of Samuelson's 8479 Nightstand. This is a computer generated 3D Model produced by Design Connected. Free download available in 3DS Max, Obj and Sketchup formats.

This pack contains 137 icons designed with a simple line style, tailor made to fit UI/UX projects.All icons come in two styles, Outline and Shady, and contains metaphors for several actions and options. This is a set from Behance user Made by Zwoelf, and the download includes source Ai files as well as PDF and EPS formats.

Created by Codepen user Jamie Coulter, this is a snippet for a pure CSS menu with smooth drop down animations in a similar fashion to accordion menus. A great addition to any non-JS user interface.

A script typeface with an aesthetic and bold character. Useful for logos, insignias, badge quotes, packaging, headlines, posters, t-shirt/apparel, business/greeting cards, wedding invitation etc. It's designed with attractive looking glyphs, smooth curves and thick lines.Fountain comes with unique alternate glyphs that could help you create a unique design to fit your needs.

Created by Behance user Arto, this neat looking portfolio template features an elegant color scheme and, a modern design with a grid for showcasing photos, works in progress and a collections section arranged to guide the user's attention in an organic way as he scrolls through the template. Two PSD files, for desktop and mobile layouts, are included in the download and you may use it for making your personal portfolio.

Amazing pure CSS slider created by Codepen user Damian Drygiel, within the slider you can scroll to view larger images or text. A great alternative solution worth taking a look at!

Virtuous Slab is a nice looking Slab-Serif font, released as a freebie by the guys behind Graphic Pear. As a slab font, Virtuous features thick serifs and great legibility. It's a modern font, great for body text, and is a great pairing for popular fonts like Helvetica and Futura.

A quality Box Packaging Mockup with isometric perspective created by dribbble user Prathmesh, the download includes a PSD file, and it is free for personal and commercial use.

Clean and customizable UI Kit with vector shapes and free Google fonts, it features an elegant color scheme mixing beige colored buttons with black backgrounds, several screens for profiles, newsfeed, blog, image gallery, etc. This freebie was created by behance user Arto.

A nifty free 3d model of New Works' Five Floor Lamp. This computer generated 3D model was produced by Design Connected. It features a high level of detail and a very realistic look.

Created and released as a freebie by dribbble user Ronan Buckley, this neat and colorful fitness dashboard will come in handy while working on a mobile app template. It includes source files which allow for great customization and editability, several screens and the best part, it is completely free for personal and commercial use.

Introducing Nikoleta, a free typeface created by Boris Garic inspired by the tall nature of the Bebas Neue font. A font that can be used with great visual results on posters or headlines, or for anything you need to direct people's attention to, with elegant shapes and a unique concept. Free for personal & commercial use

A neat and responsive 3D perspective animated slider, created in CSS and JS by Codepen user Alex N with cues from Rachel Smith. The snippet consists of an image slider/carousel that, along with a discrete parallax effect on the image, has a smooth transition that, on click, takes you from one image to the next through a nice looking animation effect.

Almia: a versatile solution for your Blog, Magazine, or related website. Featuring a clean and beautiful and a great selection of customization options, Almia provides just what you need for creating an amazing website experience. Share content, engage readers and watch your readership grow with this flexible blogger theme.

Asap Condensed is a contemporary sans-serif family with subtly rounded corners and standardized width. Designed by Pablo Cosgaya and Nicolas Silva. Specially developed for screen and desktop use it offers a standardized character width on all styles, which means lines of text remain the same length. This is a free font.

This is a nice line icons set with a Fintech motif created by Agente Studio. It contains 48 icons Ai, and covers various categories like cryptocurrency icons, decentralization, stock exchange as well as several actions like deposits, loans, etc. They all come with both monochrome version and colored version and look great on small sizes from 36px to 144px.

A great looking 3D model of the BeoPlay H6 Headphones from the brand Bang & Olufsen. Dimensions of the BeoPlay H6: 197 X 194 X 40 mm / 7.8 X 7.6 X 1.6 in. Texture files are included in the vray, and is drag & drop ready, so you can use it on your scene immediately.

A great looking UI piece, this animated accordion menu features nice and smooth transition animations between buttons upon interaction as well as their respective icons. It was created purely in CSS by Codepen user Jamie Coulter

A nifty website template with design agencies/app developers in mind, created by dribbble user Felix Cruz, this great looking template features a lively color scheme and a single page layout divided into several sections. The download includes the .sketch file for you to work with, and it is completely free for personal and commercial use

Dubline is a great looking, retro style font reminiscent of the old school disco font designs, with smooth curves and inner lines that give it great personality. Create by Behance users Stephane P, includes A - Z characters and 0 - 9 numbers, and it's a great choice for branding, posters, headliners and other large size displays that allow seeing its catchy design in great detail.

This nifty 3D scene of a modern and elegant looking Container House, created by Region Studio in 3DS Max with Corona Render, features elements with a high level of detail and a great use of light and shadow. Also, the dog was a nice touch. This is a large file, the zip file weights 600+ MB.

BotUI is a JS Framework that allows for quick and easy creation of conversational bot interfaces. It features an intuitive JavaScript API to add messages and show actions for users to perform, like selecting an option from several choices, answering questions, inputting information, etc. It also provides absolute control over the UI looks, and you can even create your own customized themes.

Breadcrumbs a neat navigation solution by dribbble user John Wilson, created as a custom navigation solution for Envy's Ivy app. As the user approaches the top left back button, the breadcrumbs expand and allow the user to navigate to different parts of the site/app. Pen uploaded by codepen user Andreas Storm, the snippet is made in pure CSS.

Green, a cool looking, free HTML5 website template including its own nifty set of nature inspired icon-fonts. It's a template designed with agriculture/eco related businesses and websites in mind. The template features a smooth animation, slider, pop up videos/gallery and google map.

With this great freebie you can turn your photos into cool looking animated gifs with a glitch effect. The free Photoshop Action that allows for this, created by Pixelo, can turn a photo into a looping glitch animation that you can save as an animated GIF quickly and easily. It can be used for portraits, logos, illustrations etc.

Stack is a free responsive bootstrap website template specifically designed for digital agencies, professional photography, portfolios, and other creative firms or artists. It has a modern design and among its features, you'll find a carousel for displaying artsy works, smooth fade -in animation upon scrolling, modal dialog box for Login and Sign Up, and much more.

Made in 3ds Max 2014 with Corona Renderer, this is a free 3D model of a PS-500 Record Player, originally designed for Braun by Dieter Rams. It features a high level of detail and texture quality and depicts the Record Player in mint condition. 3D Model created by behance user Alex Yukhimenko

Just Do It, a useful freebie created by Behance user Max Kalik, is a neatly wrapped UI Kit for an Admin Dashboard, complete with 4 fonts, 28 SVG icons, color schemes, and several different modules for a variety of purposes such as Payout History, General Stats, Detailed Stats, Links, and more. The dashboard UI kit is free for both personal and commercial use.

Geometric, created by Behance user Shahrukh Rashid, is a branding identity pack with a clean, custom design, featuring branding PSD templates that work perfectly for corporations and tech-oriented businesses. These templates feature an elegant design that projects a professional image, with geometric shapes in the background that blend in beautifully with the colors and the styles of every item included.

Free 3D Models for Sofa, Pouff, Table, Carpet, and Paintings. A high level of detail and neat colorful textures were used in the creation of these models by Behance user Iskren Marinov. The set is completely free and comes in 3DS format.

Highly detailed 3D Model of an Urban Outfitters' Diamond Cross Planes Shelf, produced by Design Connected. It features a modern tiered design in a diamond-inspired shape made of wood and iron. The freebie comes in 3DS Max format.

A nice and lightweight JS snippet by codepen user Tommy Dunn, its name says it all: it creates a cool auto typing animation, easily customizable and implemented.

Now that we are getting closer and closer to the release of the brand new Apple iPhone 8, our friends over at LStore, have provided us with this great looking 1st Gen-iPhone mockup to reminisce about the good old days. It's a high-quality design, with a resolution of 6000 x 4500 px, and features organized layers for easy customization, as well as color variations. For Sketch 45+ and Photoshop CS4+.

Keep your social media flowing

Social Media 1.0 Bundle brings a lot of values that'll allow you to create your social media posts effortlessly. Includes over 1600 post templates designed for all kinds of businesses classified in over 20 versatile themes. It is a perfect solution for the entrepreneur, shop owners, small business, startup, blogger, creator & artist. It is built for all the major Social Media websites like Instagram, Snapchat, Facebook, Pinterest, Twitter, Tumblr, Linkedin, and Google Plus. Organized Photoshop layers and font links also included. Normally priced $60 USD, for a limited time Just for $19!

Features

• Includes over 1600 post templates designed for all kinds of businesses.
• With over 20 versatile themes
• Each theme includes 80 post templates
• Come with all major Social Media post sizes
• All the images are included
• Font links are included
• Using smart layers
• Organized Photoshop layers
• Replace Images via Smart Object

Sets and Sizes Included

• Instagram Post Templates 1080x1080
• Instagram Stories/ Snapchat Stories Templates 1080x1920
• Facebook Post Templates 1200x630
• Pinterest Pin Templates 736x1104
• Twitter Post Templates 1024x512
• Tumblr Post Templates 1000x1500
• Linkedin Post Templates 1100x750
• Google Plus Post Templates 994x746

Facebook (Back to top)

Google + (Back to top)

Instagram (Back to top)

Linkedin (Back to top)

Snapchat/Instagram (Back to top)

Pinterest (Back to top)

Tumblr (Back to top)

Twitter (Back to top)

License (Back to top)

Modernize, organize, and enhance WordPress theme development with Tonik, a WordPress Starter Theme oriented for building with Actions and Filters, which features enhanced templating, webpack for managing, compiling, and optimizing asset files. Utilizes PHP namespaces, simple theme service container, it's child theme friendly, and autoloader centralized.

An open-source project by Philippe Jadin, Agorakit is a forum, agenda, file manager, mapping tool and email notifier. It supports the creation of public or private groups for projects, management of collaborative agendas, geolocation for groups, people or events, and much more.

Brain Food! vol. 3: Designing for Mobile Performance by ChromiumDev and Awwwards is a great read on the importance of speed oriented UX design. This short PDF eBook contains a wealth of information packed broken down in easy to understand concepts and sections, featuring neat infographic elements to make everything easier to digest. Definitely a must have reading material for anyone delving into UX and related fields, regardless of experience level.

A nice CSS pricing table comparing 3 different plans. Allows interaction with any of the three buttons. Created by Codepen user Travis Williamson, this snippet features designs by dribbble user Ennio Dybeli.

Beautiful design work combined with the creative genius of Behance user Roman Kolyada, this Industrial Loft Scene made with Corona Renderer features highly detailed textures and shapes.

Codepen user Wael Yasmina has created this amazing looking set of animated weather icons. You'll find 10 icons in total, for different kinds of weathers like rain, thunder storms, windy, cloudy, etc.

Free Outlined icons with a summer motif, the pack includes 12 unique icons in Line and Colored variations. The pack, created by Behance user Aom Am, is free for personal use only and is available in Ai and Sketch formats.

Biggest frames bundle on the internet!

The Amazing Ultima Frame bundle includes 112 individual products and more than 15K+ variation possibilities. Thousand of mockups possibilities, ideal for showcasing your art, selling your prints or fine art pictures, presenting your posters, and any other presentational work. Organized and Layered PSD Files. Ease of use with Smart Objects feature and detailed video tutorial. Worth of graphic elements with a joint value of $600 USD, Just for $15!

Features

• Smart Object based frames for easy editing
• Based on beautiful locations photos (horizontal and vertical)
• Change the frames and mats color with ease
• Several textures variations per frame (wood, white, black, gold, marble and a lot more)
• Featuring the most popular artwork sizes for your frames
• Additional adjustments for an even more realistic look, realistic reflections and unique surroundings
• High-res 300 dpi and 3648x5472px PSD files
• Frames are movable, including different styles (thin, bold, decorated, convex and frameless canvas)
• Help video tutorial

Packages Included

• Wallderful Vertical
• Wallderful Horizontal
• Ooh la la!
• Framelicious!
• Showroom

Framelicious (Back to top)

Showroom (Back to top)

Ooh la la! (Back to top)

Walderful Vertical (Back to top)

Wanderful Horizontal (Back to top)

License (Back to top)

Beautify is a gorgeous font with a natural looking script flow by Behance user Yasir Ekinci. It features a full character set as well as some international characters and alternates for creating beautiful typographic pieces with a custom look. It's also free for personal and commercial use. Enjoy!

Sublime is a free responsive bootstrap website template with an awesome feel for use as a landing page for corporate business, startups, offices, or agency types of websites. Features a nice scroll animated interface, a blog page with a grid of recent/highlighted posts, login, sign up and pricing tables and it's built using sass and gulp to make it easier to customize. Made by the ProBootstrap team

Nifty CSS3 Checkbox Styles created by codepen user Brad Bodine, functional and stylish, with a short and lightweight code for easy implementation.

High quality, highly detailed 4k Magazine Mockup by Behance user Alexandre Cardoso. Features changeable background smart object, well-organized layers to make it easier to work with it, and high-quality print size of 2500x1667.

Collection of neat looking, performance focused pure CSS loading animations by Connor Atherton. Each animation is limited to a small subset of CSS properties in order to avoid expensive painting and layout calculations. These are released under an MIT license, so you may use them however you want.

Every designer must have a website that brings audiences to focus on content. That's what ABLE, a website template by Behance user Temmy ., is all about. It features an elegant looking design, minimal and content oriented, with a home page image slider, an image grid, and several page templates to work with. It's free, so enjoy!

Small collection of 3D models in Corona Render Engine featuring an Outdoors Furniture Set from German brand Dedon, Wardrobe including clothing and a Bed from Italian company Poliform, and several cosmetics from L'Occinante. These are all completely free for commercial use. Models by Juraj Talcik and Veronika Demovicova.

Designed by the Swifticons team, this neat freebie contains 104 themed, beautifully designed icons that will be a great match for your science related app, website, or print project. They come in AI, EPS, JPG, PDF, PNG, and SVG formats, and the pack includes Filled, Outlined and Flat options for each one of them.

Another neat freebie by Behance user Vitalii Tomashchuk, this set contains renders for Vitra's Fauteuil De Salon Chairs and a Lukas Machnik Painting. Created in Autodesk 3DS Max with Corona Render, comes with both 3DS Max 2014 and 2017 versions.

All in one WebVR creator, Hologram allows you to work on your own WebVR environment. Features a powerful 3D visual interface tool, dubbed Scene, concocted for the sole purpose of fast and intuitive 3D work, as well as a Coding tab where you can jump right in even with no coding experience as Hologram's coding tab does much of the heavy lifting by providing code snippets and insertable items.

Inspire is a free bootstrap website template created with all types of consulting businesses, startup companies, finance businesses and everything else in between in mind. Features nice looking call-to-action buttons, neat looking dashboards, and a responsive design to look just as good on any device.

Made by Codepen user Jamie Coulter, this is a code snippet for a neatly designed and animated order/process bar here where you can click on the different steps and be presented with information. The animation on the box at the top changes depending on which step you're currently viewing.

FineOak is a free, responsive, bootstrap website template developed for interior design studio, furniture design agency, architect office or a modern renovation group. Clean and minimal, FineOak has a creative gallery, portfolio, professional design for services, contact, and other sections to cater to your site's needs. It features an image slider at the top, and another on the portfolio section to feature ideas and designs.

Pack containing high quality renders for patio chairs and both indoors and outdoors lamps, a project for Seventh Etage Studio made in Autodesk 3DS Max, and uploaded to Behance by user Vitalii Tomashchuk

Tormentor is a great looking handwritten script font by Besttypeco. Features several glyphs for grammatical symbols as well as numbers and full Latin Script alphabet.

A cool scene of a walk in closet created by Behance user Bao Doan. A classy design, featuring several elements like boxes, lamps, clothing, and a superb use of light and shadows. Comes in 3DS Max format.

A neat free online tool by threebu that allows you to create random three-color material design palettes just with a click. Watch your palette in multiple templates, share or download your favorite palette. Features text previews as well circular solid fill, vertical stripes and Card templates.

U Color, free, highly detailed room scene with 3D renders of furniture, floor tiling, and other house objects. Created by Natrang Design

Created by Codepen user Tyrell Rummage, this CSS and HTML snippet makes awesome looking Parallax Cards which flip from right to left when you hover the mouse pointer over them.

Beautiful scene of a well-illuminated house with colorful furniture and highly detailed renders created by NaTrang Design in 3DS Max. The scene is also available in PSD format, both file formats are included in the download.

Format is a creative, clean, and modern free website template that you can use for your next portfolio project. Features a parallax landing page followed by a small grid layout image gallery, where you can showcase your latest projects as well as pop up video, smooth overlay for portfolio, and animation upon scrolling.

RIDGE is a futuristic looking unicase free typeface created by Behance artist Erika Noel Mackleyper. Features a unique and clever design, however, at this time, it only includes the basic 26 characters of Latin script, no special characters or punctuation symbols have been included. The file can be used for personal and commercial use.

A set of 160 neat looking Long Shadow style icons created by IconBunny, with a great and colorful design. The set is released under Attribution-ShareAlike CC BY-SA License, which means you can modify, build upon or transform the icons to best suit your needs, as long as you give proper credit to the artist. by providing a link to the original work and point out that changes have been made.

A really neat kitchen 3D scene by Behance artists Vitalii Tomashchuk and Igor Tomashchuk, created through Corona Render, 3DS Max and Photoshop. Features several models and elements for the kitchen scene.

A neat model of a Rodolfo Dordoni Cassina L40 Bed for 3DS Max. Includes furniture models from an H&M Gold small metal pot and an Ikea Candlestick. Made in 3DS Max 2014 format with Corona Renderer Shader by Behance user Vitalii Tomashchuk

Plenty of Material Icons in one huge vector collection, geometric color glyph icons grouped in themed sets and fully editable as Illustrator Ai, SVG and PNG, following Google's Material Design guidelines to the letter. Created by Iconshock.

Modern Sketch Icons form Nitin Bhatnagar, this pack contains 29 unique free icons designed in Line style and featuring fun coloring. Includes basic actions for UI design and they are all completely free for personal and commercial use.

UI box is a lightweight CSS animated interactive subscription box. This is an easy to test and implement feature and the snippet was uploaded to Codepen by user Chouaib Blgn

UI box is a cool, CSS animated interactive subscription box. This snippet is a lightweight and easy to implement code uploaded to codepen by user Chouaib Blgn

A large pack containing 430 free storyboard illustration drawings meant for sketches, storyboards, and pitches. These are all included in the .Ai file available for download, and are free for personal use. Commercial use is forbidden by the author.

Turn any images into stylish and modern duotone look with these free duotone photoshop actions by Pixelo Team. There are a total of 7 different actions with carefully selected colors ready to use, right out of the box. These are all free for both personal and commercial use.

Yorkten is a free slab-serif font family designed by Insigne Design with an elegant design. It supports 72 languages with their respective characters. The download includes the Yorkten Slab Regular Font, which is free for personal, commercial and web use.

A cool and lightweight CSS 3D tilt effect created by Codepen user Peter Barr, the panels interact with the mouse position and follows it, tilting the image as you move the pointer through. Desktop only!

A cool and lightweight CSS 3D tilt effect created by Codepen user Peter Barr, the panels interact with the mouse position and follows it, tilting the image as you move the pointer through. Desktop only!

Chisel Mark is a free typeface from Savana's Design, features upper and lower case characters, numbers, and a selection of basic symbols. Has a great design ideal for invitations, wall prints, home decor, branding and much more. This typeface comes with Open Font License OFL which allows designers plenty of freedom for creative use.

Fractures is a baseline atomic CSS toolkit to help bootstrap design-systems and prototypes by providing several non-blocking, atomic, utility classes. Its purpose is to have a means of abstracting away the complexities of UI design. Can be used for quick prototyping. Features manageable cognitive load with a small footprint, it's framework agnostic and it's fast in every respect. Developed by Krisztian Puska

Assorted resources for beginners and advanced users, Design Resources is a selection of websites, tools, assets, and readings for working in and learning about design.

Assorted resources for beginners and advanced users, Design Resources is a selection of websites, tools, assets, and readings for working in and learning about design.

Full access to a world of knowledge

You’ll get full access to Stone River eLearning entire catalog of 125+ (and counting) technology, programming, and digital design courses. Get a step ahead of the competition, land that dream job, up your skill level and make more money.You will get a free certificate for each course you complete. Add your certificates to your Linkedin profile or your resume to prove that you’re as good as you say you are. Potential employers can verify every certificate with a unique ID verification (provided). Your Unlimited Course Access Subscription is just that; unlimited. That means any new, hot topics SRE release (like Big Data, mobile development or JavaScript) will be automatically added to your account. So you can future-proof your skills without any extra cost, and remain at the cutting edge of your chosen field.

Features

• 24/7 access be prepare anytime to attend your courses
• Free VIP Perks access get all the Stone River special features
• Learn from any computer or mobile device, learn anytime and anywhere
• Learn in any location, you choose your own schedules
• Learn for as long as you need it
• Free access to certification exams for each course
• Certification compatible with Linkedin, share your progress instantly
• Review your certificates with an unique ID, add them to your CV, print or send through e-mail.
• Access to SRE all new courses, get future updates be in contant advance.

Pricing and terms

With our new deal, you'll have complete access to all the current web or mobile streaming Stone River Courses and also all the future updates, one single payment, no monthly fees. Normally this unlimited plan has a price of $8751 USD, here you can get more than 2000 hours of quality learning for just $79 USD (92% Off from its original value!).

Categories

• Adobe Software
• App, Mobile and Game Development
• DevOps
• Animation
• Graphic and Web Design
• Javascript
• Programming

Included courses

Created by behance user Rafał Fuczyński, Frino is a small collection of font UI pictograms. You may use Frino for both personal and commercial projects. These act as if used in plain text, so you can quickly change the properties of the icons, using the tools designed for text.

This is a neat CSS and JS code snippet for making a before-after layer slider that allows up to 3 states to take advantage of. Created by Codepen user Huw.

A useful snippet, this is a lightweight bit of code that allows for the creation of simple CSS table tabs and provides functionality and navigation options. It's lightweight and doesn't affect loading times. Uploaded by Codepen user Jay Pick

Flux (rss): http://feeds.feedburner.com/WebDesignShock?format=xml