Web Design Shock - Archives (septembre 2019)
Design resources and high quality articles
A funny nav bar with a cool hovering and selection effect to renew your website. Created by Codepen user Eric Porter
120+ Vector T-Shirt Designs, Only $24: Layered & Organized Ai & EPS Vectors, High Resolution Transparent PNG, Print Ready at 300dpi, Fully Editable Texts, Shapes, Colors & Scales, Tons Of Different Styles
Apply the dark mode option on your website with a nice expanding circular animation that will make the process smooth and elegant. Created by Codepen user Zed Dash
This cool UI Kit for blog makers includes conveniently customized headers and footers and multiple post design types. Fully responsive with 12 columns bootstrap grid (1170px). Designed in Sketch with over 150 symbols. Based on free Google fonts. Created by LogWork
70+ Display Fonts Bundle, Only $17: OTF & TTF Files, Vintage, Handwriting & Signature, Script & More Styles, 35 Different Font Families, Commercial Use
Facón is a sport display font with diagonal cuts designed by Alejo Bergmann. It contains all caps letters, numerals and symbols.
Cutestrap is a progressive CSS Framework built with modern techniques and an eye towards the future with a simple API and robust customization options.
Shapes, Patterns & Backgrounds Pack, Only $14: Abstract, Floral & Organic Styles, Ai, EPS & Transparent PNG Files, Premade Compositions, Commercial Use
A fully customizable CV / Resume component for React/Gatsby, completely responsive and also printable. You’ll be able to use it inside your own component. Created by Github user Berkay Aydin
Lifetime Website Security Platform: Antivirus, Firewall, Blacklist Monitoring & Un-Listing Request, Threat Notifications, Automated/Scheduled Scan & Cleanups, Internal & Internal URL Scans & Much More!
A huge free icon pack (Ai, SVG, PNG, PDF) containing over 212 unique icons. Including many different design tools like Powerpoint and Eventbrite. Created by Gumroad user Petr Bilek
An useful hover effect that will display a set of simple & clean cards created on CSS. By Codepen user Jhonier Riascos
100 Street Style Vector T-Shirt Designs & Illustrations, Only $17: PNG Exports, High Resolution & Transparent Background, Ai, SVG & EPS Vector Sources, Commercial Use License
The ideal UI kit for financial developers, including the perfect components and screens to create a finance-focused app. Use it on Sketch. Created by Radity.
An excellent repository of user interfaces with CSS flexbox. Including interactive examples and source code to show you practical ways to use it to build UI components.
A trendy UI kit inspired on a Smoothie’s shop app, including all the primary interface components with their color palette. Created by Behance user Ernesto Alonso
A variable font experiment based on a slider created using Slick, by Codepen user Supremo
A beautiful sunbeam exposure image filter created by Codepen user Ko.Yelie
50 Hand Drawn Positive/Inspirational Vector Quotes Bundle, Only $9: Common EPS File, Separate SVG Vectors & Transparent PNG Exports In High Resolution, Commercial Use
3000+ Backgrounds & Textures Megapack, Only $15: High Resolution Images 6kpx at 300dpi, Wooden Cross Section, Plank & Table Textures, Brick Walls, Grunge Painted Wood & Many More, Commercial Use
A responsive slider timeline made with Swiper library, ready to use on your website. Created by Codepen user Bruno Carvalho.
A handy style guide created for Figma users, featuring all the ideal components implementation for a clean & accessible dark mode on your app or website. Created by Behance user Salman Hossain Saif
1700+ Professional Brushes Megabundle, Only $14: Ai, PSD, PDF, EPS & ABR Files, Assorted Vector Shapes, Patterns & Swatches, Brushes For Illustrator & Photoshop, Commercial Use
A minimal design inspired pack of white line icons ready to use in all your personal and commercial projects, designed on Figma. Created by Dribbble user Dima Groshev
A simple flat character generator that will give you a lot of fun while choosing and matching different body parts, features & accessories. Export your creations easily as vector SVG files or PNG images. Created by Codepen user Michael Schwartz
Add depth to your web page with a movable, and Rotatable camera for your scenes & sprites. Can move to in front of any element in your scene, whether it has been rotated or translated. Created by Codepen user WoodNeck using CSS3, 3D transform. This project is mostly inspired by Keith Clark’s cool 3D work.
Complete Mollen Font Family, Only $19: 48 Professional Sans Serif Font Weights From Thin To Extra Bold, OTF File Format, Matching Narrows & True Italics, Commercial Use
Fluffy is a UI kit that features all the components for an agency landing page. Created to be used on Sketch by Dribbble user Last Door Studios.
All new bundle featuring 100 unique print ready t-shirt designs with an authentic vintage style from the creative talent behind TeeoClock that you can use to start off a new business or add to your collection of printables
The pack contains 2 separate forlders: one folder with 100 ready made t-shirt designs delivered with separate Ai & EPS vector files for each composition as well as high resolution transparent PNG exports to print right out of the box, and a 2nd folder with all the individual assets used on each composition grouped in common categories for each and delivered in Ai & EPS vectors, including cars, mountains, girls/men, animals, ornaments, skulls & more
This complete vector t-shirt design toolkit would regularly cost well over $900, so grab it with this deal while it's available with a huge discount for just $29!
You Will Receive:
- 100 unique print ready t-shirt designs
- Authentic vintage look
- Editable texts
- Common files with tons of assets by category: cars, animals, mountains, girls, ornamets, etc
- All assets delivered in Ai & EPS vector files
- Includes a print-ready high resolution PNG file with transparent background for every design
- Commercial use
Check Out The Contents
(Back To Top)
For today's deal we've brought you an awesome pack of abstract design assets including shapes, patterns, backgrounds, textures, overlays, brushes & more, with neat color palettes and unique style to used them and create beautiful unique graphics for branding, stationery design, web & print, etc
The pack delivers a collection with 1460+ assets with editable PSD and Ai & EPS vector file formats, as well as matching transparent PNG exports in high resolution, and contains textured soft organic & abstract shapes, glitch texture overlays, holographic abstract/organic crystal shapes & much more
This collection purchased separately would cost over $210, so if you like these products you need to act quick! This deal will only be available for a limited time, get it today for just $22
The Pack Contains These Assets:
- Color foil shapes with black & white versions
- Crystal holographic shapes
- Holographic abstract/organic shapes & textures
- Glitch textures/overlays
- Brushes, backgrounds & patterns for Photoshop & Illustrator
- Textured soft abstract/organic color shapes
- Abstract compositions, seamless patterns, vector elements & brushes
- Nebula brushes to create compositions
- Nebula & explosion backgrounds
- Black liquid abstract shapes
Bundle Highlights:
- 1400+ abstract elements
- Contains PSD, Ai & EPS vector files
- Shapes, seamless patterns, backgrounds, brushes, textures/overlays & more
- All assets delivered in high resolution transparent PNG files - 5000x5000 and larger files, 300 dpi
- High resolution JPG files included for every asset
- Patterns & brushes include ABR & PAT files
- Commercial use license
Check Out The Contents
(Back To Top)
From the field to your projects. Fulbo was created to maximize the visibility of the numbers when the jersey is in motion. Includes five different styles. Designed by Alejo Bergmann & Emmanuel Baldor, both from Rostype Fonts
A great bundle for your niche if you're a 3D modelling professional, this pack delivers a variety of photogrammetry scanned logs, planks, branches, stumps & construcion debris for VR & AR projects, architectural visualization, games & other design projects
All assets are delivered in obj, mx and fbx files and include their respective texture files, you can use them with software such as Blender or Autodesk 3ds Max
Regularly these assets would cost over $120, however with this limited time deal you can get them for just $29!
You Will Receive:
- 66 photogrammetry scanned 3D models
- Wooden planks, logs, stumps, branches, debris & more
- File formats delivered .max, .fbx and .obj.
- Polycount of each model within 500-3000 triangles
- Ready for Virtual Reality (VR), Augmented Reality (AR), games & other real-time apps
- Commercial use
Check Out The Contents
(Back To Top)
All new pack of trendy flat design illustrations, perfect assets to use in all of your web projects, from landing pages, startups, product presentations, launches, intros & more.
The kit contains 150 illustrations with trendy design styles, an ample selection of web & mobile templates with neat soft color palettes, premade scenes, and a common generator file containing every asset/illustration that fit perfectly with each other, you can use it to effortlessly create brand new scenes according to your needs!
Vector files delivered to edit them using Figma, Sketch, Adobe XD & Adobe Illustrator; the pack also includes use-ready high resolution PNG files with transparent backgrounds & SVG vectors as well as JPG exports
Normally this awesome kit goes for $152, but with this limited time promo you can get it today with a nice 87% discont with this exclusie deal for just $19!
You Will Receive:
- 150+ unique illustrations
- Files for Adobe Illustrator, XD, Sketch & Figma
- Includes transparent PNG & SVG vector files as well
- Scene creator included with all the loose assets, ready to mix & match
- 21+ high-quality premade scenes
- 42+ web & mobile UI templates
- Categories include business, e-commerce & marketing illustrations
- Premium quality illustrations, organized layers & files
- Trendy flat design style with beautiful soft color palettes
- 100% editable & scalable vector illustrations. Change size, colors, etc
- Commercial use
Check Out The Contents
(Back To Top)
Today's design pack features 138 high-quality vector halftones & distortion shapes that you can use to make awesome halftoned-imagery in no time
The bundle brings a pack with 120 unique vector halftones delivered in 8 common Ai files and 120 separate EPS files as well as 3 common Ai files & 18 separate EPS files for the distortion vector shapes
These packs purchased separately would cost over $300, so check them out and get them while you can with a neat 95% discount with this deal for just $14!
You Will Receive:
- 120 halftones
- 8 common Ai vector files
- 120 separate EPS vector files
- 18 distortion shapes
- 3 common Ai vector files
- 18 separate EPS vector files
- Individual transparent PNG files of every asset, high-res 5000x5000, 300 dpi
- Commercial use
Check Out The Contents
(Back To Top)
A beautiful set of flag icons ready to use in apps and websites. All flags are provided as PNG and SVG files, also including a catalog and a framework for easy use on Apple platforms.
Arturito is a typographic family from Rostype, designed by Cristian Tournier. Is a semi-slab typeface with high & down-box glyphs, developed for branding projects, highlights & headings
A cool set of CSS buttons (with a bit of JavaScript), with a simple and clean look. Including round & flat shapes, gradients & different sizes for you to try on your web projects
Get the best aesthetics for your website with this retro pack that includes over 50 unique Bootstrap 4 components inspired on the beloved 90's Windows 95 interface (including icons). Created by Themesberg.
Get the perfect introduction to web design & web development with this complete HTML5 tutorial, shared by MDBootstrap & written by Michal Szymanski. A comprehensive guide intended for people who want to learn the basics of creating websites and applications.
Introducing Webtail, a tool that you can use to take the guesswork out of your UX design efforts and see exactly how visitors interact with your or your client's website by generating heatmaps that can provide valuable information when it comes to making decisions about a website's design/redesign
Webtail generates all kinds of heatmaps: clicks, mouse movements and scroll attention - but wait, theres more! It's live mode feature allows you to watch movies of website visitors interacting with your website in real time, pinpoint UX issues, determine whether your CTAs are effective enough and more
With this tool you can improve website navigation, learn which content is working better above and below the fold, discover how visitors react to longer or shorter pages, create A/B split test ideas, get valuable input before or during a website's redesign, use for before and after case studies... the possible applications are endless!
This deal offers lifetime access to the tool for a single payment, this means you'll pay once and use forever! Regularly priced at $270/year, today you can get it for a one time payment of $27!
2 Minute Video Preview Of Webtail In Action
In Short, With Webtail You Can:
- Check all kinds of heatmaps: clicks, mouse movement & scroll attention
- Instantly see which parts of the page get clicked on the most
- Analyze whether your CTAs are being effective
- See which design elements are preventing conversions from happening
- Identify UX issues that are frustrating to users to improve navigation
- Webtail is mobile friendly, accurately track visitor actions on mobile devices to understand how users interact with your site on smartphone or tablet
- Use Live mode: Live mode gives you the superpower to watch movies of visitors trying to use your website in real time
- Learn which content to move higher or lower on the page
- Discover how your visitors react to longer or shorter pages
- Test what content works best above or below 'the fold'
- Test & confirm hypotheses before adding or redesigning UI elements
- Think like an actual visitor by understanding their mindset
- Comparing visitors clicking images vs buttons vs text links
- Creating A/B split test ideas
- During a website redesign
- For "Before" an “After” case studies
Webtail Lifetime Plans
This deal delivers 2 different lifetime access options depending on your needs. Both are one-off - you pay once and use the tool forever, the first plan will allow you to use Webtail with a single website, the second plan will allow you to use it on up to 4 websites
Lifetime Plan, 1 Website:
- Record latest 50,000 sessions
- Click heatmap
- Mouse movement heatmap
- Scroll heatmap
- Session recording
- Live Mode
Lifetime Plan, 4 Websites:
- Record latest 50,000 sessions
- Click heatmap
- Mouse movement heatmap
- Scroll heatmap
- Session recording
- Live Mode
Interface Screencaps
