Design resources and high quality articles
Veayo is a fast loading WordPress Theme with a great looking layout and more than a few features worth checking out. It has an image slider under the top bar menu for showcasing featured content, with a listing of recent posts on the top right column, and an organized column under the image slider for displaying recent posts images, description, etc. Fully responsive design, perfect for blogging websites, as well as news, magazines, and other press focused content.
A small collection created in CSS by Codepen user John Heiner, it features 8 animated button styles with stunningly beautiful animations like Lift Off, Hologram, Diagonal Swipe, and more!
Introducing Pikolo, a typeface by Ideabuk with a truly unusual design, comes with full upper & lowercase characters, numbers, and symbols. It features rounded corners and stylish ligatures, so it works for many purposes from logos and signs to apparel design and decor.
Sketch and Photoshop templates of GUI elements found in the public release of iOS 11. Labels, buttons, keyboard, lock screen, media player controls and more.
A great freebie from Behance user () containing a collection of 100 vector icons and metaphors representing the most popular blockchain assets and cryptocurrency icons. Every icon is included in the Ai, EPS, and Sketch format files, as well as stand-alone SVG and PNG files for each one of them.
A small collection of free seamless vector patterns for adobe illustrator with an abstract motif, shapes, and coloring, great for vintage psychedelic artworks and illustrations. This great freebie from Behance user Vladyslav Tulinovskyi is completely free.
A small collection of javascript text animations featuring goodies like jumping text, bouncing text, center wipe, and a couple more neat animation effects. Created by Codepen user kitton.
Start Blogging is a Free WordPress theme from BloggingThemeStyles.com designed for personal as well as business blogs with a nice layout that aims to keep content in focus. Features two social media menu locations, 20 sidebar positions, and custom templates for creating page layouts. Includes page templates for Error Page
, Full Width, Left Column, Right Column, and Left & Right Columns.
A scene that features a living room with an artsy collection of colorful furniture, sofas, paintings, short tables, lamps, and more! High-quality textures with great attention to detail were put into this freebie by the creative mind of Behance user Mohamed Badr. The download comes in .max format.
Zilap Sound is a font designed by Zilap Estudio with a stunning artistic design with an urban and futuristic style. Its concept was created with a music-related focus, but the design was kept simple and functional to fit many different kinds of visual projects. Features latin script characters and numerals with its signature design, symbols, punctuation, and a few special characters.
Alva is a radically new open source design tool built for cross-functional product teams. It features great functionalities like building your layouts and design with the very same components that your engineers use for the production website instead of creating a separate static component library for Sketch, Photoshop, and all the other tools. You can easily adjust the preview viewport to test your design on every possible size. Prototype design with live data, custom code integration,
Scrimba is a community of developers sharing knowledge through interactive coding screencasts. In this article, you'll find a free CSS Grid course by Per Harald Borgen and Magnus Holm. Learn CSS Grid fundamentals, build your first grid, responsive grids, create pages, image grids, and articles. Quick website prototyping as well as advanced concepts.
A quick proof of concept for a hover effect utilizing mix-blend mode, and CSS gradients. Created by Codepen user Jon Daiello.
Talento, by Diego Valencia, is a neat Adobe XD free website template crafted for freelancers or creative shops to showcase their content in style. It features a minimal design, with more image showcasing than text, an animated side menu with 4 pages to navigate: Home, About, Work, and Contact (Form included). Every page features a call to action button, and several spots for images distributed in a comfortable and organic way throughout the layout which achieves a great, minimalistic feel.
Tracy is an awesome free utility which can convert photos of drawings, monochrome sketches, or even hand lettering, to SVG vector format. You can either upload an image directly from your PC to its drag/drop box, or you can send them to Tracy directly from your mobile device by scanning the app's QR code with your Phone's default camera app to connect the device with your computer, and have the photos you'd like to trace synced with Tracy. Yeah, it's that easy!
Popmotion is a lightweight Javascript library for motion, animation, and interaction developers, featuring a wide array of animations and functions essential to creating great looking animated interfaces. Pick and choose any part of Popmotion by importing modules individually, or take the full library which only weights 11.5kb!
Telerysm Mono 2 is a display font that explores the concept of monospace featuring a unique and unusual design. The letters are maintained by force in their side-bearings. It includes basic grammatical symbols, numerals, and support for a few special characters, and features two styles, Telerysm Regular and Italic, in OTF format, as well as web fonts for both styles. Type design by Jack Usine.
A free Bootstrap 4 Admin Template for Vuejs, developed by Creative Tim and Cristi Jora. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vue, and Vue-Router.
Free and open source, Business Tycoon by HackerThemes is a collection of sharp Bootstrap 4 components for building a professional looking business website. It features carousels, buttons, boxes, cards, groups and dropdown menus, forms, navigation buttons, and everything else in between, to craft a great bootstrap website quickly.
"Design Principles are a set of considerations that form the basis of any good product." They help teams with decision making through a few simple principles or constructive questions to serve as guidelines for teams to work towards making appropriate design-oriented decisions. Principles.design aims to work as an open source resource to find such examples of design principles, maintained by Ben Brignell where anyone can submit useful examples and guidelines through their GitHub repository for consideration.
An elegant scene in .Max format, featuring a couch, table, several books, transparent glass flowerpots, and a painting. It has an earthen color scheme trend followed by most of the items present, and an amazing use of lighting, created by Behance user Sal Talamo.
Introducing Fish, a smart and user-friendly command-line shell that includes features like syntax highlighting, autosuggest-as-you-type, and fancy tab completions that just work, with no configuration required. Other shells support programmable completions, but only fish generates them automatically by parsing your installed man pages.
Great pack containing 77 vector icons in 3 different styles with an outer space and sci-fi motif, from Good Stuff No Nonsense. Styles include outline, color, and sticker. Best part? These icons are all completely free for both personal and commercial projects, as long as you credit the author!
Pristine Script Typeface is a calligraphic handwriting font consisting of both lowercase and uppercase letters, numbers, and punctuations. It can be used for signatures, logos, signs, posters, apparel designs, and packaging. Created by G. Senzana.
The Screens is a great perspective mobile device screen mockups pack featuring fully layered PSD files with smart objects, high resolution, editable screens, realistic and easy to adjust shadows. Download version 2 of this awesome pack here, completely free!
Easily calculate the aspect ratio with AspectRat. Scale dimensions based on a locked aspect ratio. Reference common device resolutions and aspect ratios like the iPhone X iPhone 8 8 plus Google Pixel 2 Google Pixel Samsung Galaxy S8, etc, or provide it with a width and height, and it will calculate its aspect ratio for you.
A freebie by ThemeIsle, this icons pack contains () icons in Line design style, fully editable vector sources included in Ai, SVG, and EPS fomats, as well as PNG format with transparent backgrounds. Licensed under Apache 2.0 License.
CustomPress is a lightweight, responsive, and fully customizable Wordpress theme by TwoPoints. Its main style.css file is just 20kb (less than 10kb gzipped) including styling for responsive media queries, and you can use WordPress Customizer with live preview to edit almost any setting on your website.
KRS UI Kit is greatly crafted set, full of UI elements well organized into 450+ high-quality assets. All are divided in 8 categories (Steering Menus, Headers, and Sliders, Widgets, Forms, Base Elements, Blogging, Styleguide, E-commerce) and carefully assembled in Illustrator and Photoshop. Best part? It is all for free forever! Do note the download is over 1GB heavy.
NWB Ultraviolent combines the aesthetics of Futura and the complex ligature structures of Avant-Garde and other type design of Herb Lubalin with a clean, modern spin to create a quirkly retro, yet stylish and refined look. In addition to 175 ligatures, it also features alternate characters for "A", "Q" and two special alternate "O" glyphs only available in in the "Designer's Cut". Download NWB Ultraviolent Regular here for free!
Awesome image transition effect triggered when hovering over the photo, created in pure CSS by Codepen user Callum Macrae.
Adagio is a feature-rich portfolio template with a minimal design created by VivaThemes. Its fully responsive and looks great on mobile. The home page offers great flexibility with several optional layouts to choose from. Below the full screen image you can display a set of featured posts or pages, your latest blog entries, a static page or your portfolio.
A restaurant menu template made in pure CSS by Codepen user Muna. Features a responsive design and a 6 panel grid for content.
A pack of 131 high quality and realistic paint brushes for Adobe Illustrator. This collection is perfect for illustrators, typographer, lettering artis, lettering lover, calligrapher, hobbyists, designers and everything in between as they are effective and super easy to use. Every measure was taken to ensure that the quality of these brushes. Created by Atjcloth Studio. Files included Ai filecs4 (in 130 brushes vector)
, Eps10 file (in 130 brushes vector), Pdf8 file (in 130 brushes vector).
LibreRead, self-hosted, browser-based ebook reader. Features easy installation, built using Golang, browser-based, responsive design, full-text search, Highlight & Annotate, supports PDF & EPUB. LibreRead is GPLv3 licensed software. You may copy, distribute and modify the software as long as you follow the guidelines for this license.
An otherworldly Space icons set with 40 icons that look up to the stars through different lenses: hard science, history, science-fiction, pop culture and maybe even a little Von Danikken. Here you can find beautiful line icons of satellites, planets, comets, spacecrafts, little gray aliens, attack balls and even a lightsaber. Have fun with these vector icons in ai, svg and png formats, and remember: the truth is out there.
Hansief is bold Sans-Serif typeface with simple, modern-vintage design created by Dribbble user Kautsar Rahadi. Comes in 2 styles: Regular and Rough. The Rough variation features a neat looking texture that gives it a rather grungy feel. This font is completely free for personal and commercial purposes.
Taskade is a free online service that features a friendly user interface for organizing your lists, outlines, and teams. A simple to-do list and task manager, with it you can instantly make a list and share it with your friends, family, and work team. Use Taskade to capture your ideas, goals, daily tasks and stay organized to get things done in an orderly fashion.
ImgSquash is a free online service to compress images to the smallest sizes without losing quality. Its simple to use and doesn't require you to create an account, you can to compress files in Lossless mode which will compress your files without modifying any pixel and will only remove comments, extra metadata, etc, or Lossy for web use, which will compress your images up to 70%. It supports Multi Upload & Batch Processing of up to 15 files at once with max 3 files to be processed in parallel, unlike other online compressors which only process one file at a time. The service is also completely free!
Huge Icons pack with 500 Icons courtesy of Mint. Every icon comes in PNG format with transparent background, as well as Vector Ai and PSD formats for Adobe Illustrator and Photoshop.
A stunning 3D Photo Gallery snippet, made in pure CSS by Codepen user Maciej Leszczyński, it consists of a cube with a photo/image assigned to each of its faces. Upon selecting an image listed on the right side column, the cube will rotate to display the face where that image has been added. It features smooth CSS animations, and 6 faces for different photos.
FoldingText is an awesome markdown text editor developed by Hog Bay Software with amazingly useful and smooth productivity features. Unlike other editors, FoldingText does outlining, to-do lists, plain text editing, outline formatting, fold and focus to see, live formatting, scripting, themes, plugins, and much more.
30 color line icons in vibrant color tones and combinations for web and mobile applications, courtesy of iconShock. Every icon included features pixel perfect design and comes in vector formats Ai and SVG, as well as PNGs with transparent backgrounds in 5 different sizes. These are completely free!
Socialight is a Javascript library to get Social Network Share Counts with Vanilla JS only. Supports the following services Facebook, Twitter, Google+, Linkedin, Pinterest and Buffer, and latest versions of IE, Chrome, Firefox, Opera, and Safari.
In today's bundle, you'll get 10 UI Kits with more than 500 vector custom UI elements and more than 200 layouts in PSD, essential for developers and apps designers. All the elements, blocks, and galleries, are interchangeable and can easily be combined. As all the objects were created using vector shapes, so they will not lose quality if scaled.
Content included for categories such as cell styles, toggle styles, calendars, chat, pin code, friends list, comments screen, list view, tabbar, misc, music player, profiles, login, sign up, registration, weather, pop-ups, dashboard, statistics, galleries, time picker, and more!
Code snippet for a responsive shopping cart created by Codepen user alexkulagin. As items are added to the cart/wish list, the item count and total amount due will both be displayed at the top right corner of the screen.
Glamora is a serif typeface inspired by classical publication headlines and title pages seen in the art deco era. It comes in two variations in both stencil and regular options both including upper and lowercase letters. Its elegant design makes it great for display purposes, logos, titles, headliners and the like.
Blossom Feminine, by BlossomThemes, is a stunning free Wordpress theme focused on magazine, fashion/lifestyle blogs, design, trends, etc, with a great looking layout and awesome functionalities. It features 600+ Google font, has a small Topics section under the Hero Image, top bar menu, category images featuring a neat twirl zoom effect, a small About section at the top of the right column, a center-left column for featured content, social shares/subscribe area, image sliders, and many other cool features.
A magical documentation generator. Simple and lightweight (~18kB gzipped) it does not generate static HTML files, instead, it loads and parses Markdown files and displays them as a website. Features smart full-text search plugin, multiple themes, useful plugin API, its compatible with IE10+, and supports SSR.
A flexible JavaScript library used to create basic animation. It works with CSS, individual Transforms, SVG, DOM attributes and JS Objects. Features the ability to chain multiple animation properties, synchronize multiple instances together, playback controls to play, pause, restart, seek animations or timelines, CSS transforms for animating CSS transforms individually. Multiple animated targets can have individual value. SVG Animations motion path, line drawing, and morphing animations. Easing functions use the built-in functions or create your own Cubic Bézier curve easing.
Colorful text long shadow effect in CSS by Codepen user Kristen Spencer.
Tuesday Night is a free signature script Font from Font Forestry. Features extra large capitals to achieve a unique signature style that is perfect for wedding invitations, logos, apparel, decorative quotes, prints, scrapbooking and much more! Free for personal & commercial use.
DoYourData's PC & Mac Super Eraser provides the easiest, secure, and most importantly permanent data erasure solution to erase information from PCs, Hard Drives, RAIDs, Servers, USB Drives, Memory Cards, Digital Cameras, SD Cards, External Hard Drives, etc. It will permanently erase and destroy selected data, leaving no chance for data recovery, without affecting the service life of the device.
Any other day, you'd have to buy this piece of software at a price of 39$, however, for the duration of this promo you can get it with a 74% discount, only 9.99$!.
A Bootstrap 4 theme created by HackerThemes, as its name suggests, NeonGlow features a great looking combination of dark background color with bright colors that create a high contrast. It features several components like dropdowns, carousel, checkbox and radio buttons, cards, forms, popovers, progress bars, and much more.
See how it looks on instagram!
A Sketch file that contains all the icons from Cole Bemis' original Feather Icons Pack on GitHub, as symbols with color overrides. Black and White are included as default colors and, of course, all the icons in the pack are exportable assets. Freebie by hellohello™.
An article by Brad Peabody comparing Node, Java, Go, and PHP with Apache, discussing how the different languages model their I/O, the advantages and disadvantages of each model, and conclude with some rudimentary benchmarks. If you’re concerned about the I/O performance of your next web application, this article is for you.
Mindfully is a signature font created by Behance user Sinikka Li with a beautiful calligraphic design. It comes in 2 weights, with Regular and Italic versions as well as optional alternate characters for both of them. It features uppercase and lowercase characters, numbers and punctuation, special characters from several languages, as well as 30 ligatures.
Vuetron is a tool for testing and debugging your Vue and Vuex applications. Designed to extend the functionality of Vue dev tools for chrome by hooking onto the Vue application itself, with Vuetron you’re still able to view emitted events, view application state, and time travel debug. You have the added ability to subscribe to specific state variables, observe API requests and responses, and visualize the component structure of your application giving you a larger toolkit for testing and debugging your Vue.js application.
20 creative abstract 3D shapes with dark shades of red, brown, and purple. The .zip archive includes them all in separate PNG format files with transparent backgrounds.
Somatic a font created by Behance user Lauren Lee, provides a skeleton for friendly, honest, and approachable logotypes. It features soft curves and a bold looking weight, numerals, and basic grammatical symbols. A font thought for branding and logo design.
A free Landing Page Template created by Behance user Ahmad Khaidir with an interesting combination of colors and design choices, a great fit for freelancer designers and artists, and small teams working in design-related fields. The Template comes in a PSD File, neatly organized in groups and layers with smart objects, to make working with it an easy experience.
Created by GitHub user Terence Eden, this is an awesome resource library with the most popular website and app logos in SVG format. Best part? They are all under 1KB! 76 Icons/logos with an average size around 550 bytes, every file was edited by hand in Inkscape, then were minified using svgo and svgcleaner.
Vision is a clean, geometric sans serif with humanist touch designed by Daniel Iglesias. The type family consists of 12 fonts. It features extended ligatures, OpenType characteristics and alternative glyphs which provide flexibility and uniqueness wherever it is placed.
A hardware-accelerated machine intelligence library for the web. Deeplearn.js is an open-source library that brings performant machine learning building blocks to the web, allowing you to train neural networks in a browser or run pre-trained models in inference mode.
Great looking Mega Menu snippet made in CSS by Codepen user Md Nahidul Islam. It features 6 content panels that get deployed upon mouse hover.
Based on the latest Bootstrap 4 and React 15.6.1, this Material Design Kit for Bootstrap 4 comes packed with a number of predefined components CSS and animations. Includes 400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, and tons of utilities for creating great looking MD web interfaces.
SportsHold is a nice looking landing page template created by Dribbble user Cosmin Negoita and released as a freebie in PSD format. It features an optimal layout for eCommerce related websites, with a nice Hero image and call to action button, a stylish image grid right under, as well as several spaces to showcase products.
A stunning compilation of 450 free tech-related online courses for all levels of knowledge put together by Dhawal Shah divided in 3 categories based on how advanced the student is: Beginner, Intermediate, and Advanced. 112 Courses for beginners, 252 Intermediate level courses, and 86 courses for the most advanced professionals, there is definitely something to learn from this collection for everyone working in the fields of computer sciences.
Nice looking Material Design Buttons with a ripple effect that expands from the point where the pointer clicks the button. Pen created by user Trevor Welch.
Fenway is a free Vintage Typeface reminiscent of the good old sports Script letterings dominant in baseball team's and brands on the 20th century. It features soft curves and a selection of alternative characters and terminal forms, as well as a Sans-serif font to synergize with it. Uppercase and Lowercase characters included for the script lettering, and Uppercase with numerals included for the Sans-serif.
Inpaint is a Photo Restoration Software for PC and Mac that takes the objects you want to remove from your photo and reconstructs the area with the pixels surrounding it. Remove undesirable objects from your images, such as logos, watermarks, power lines, people, text, or any other unwanted elements. It features a user-friendly interface that makes it simple to start using it in just a few seconds. No need to mess around with old clone tools anymore, you can use Inpaint to easily remove all those objects that end up spoiling an otherwise great photograph.
Inpaint will magically fill the selected area with intelligently-generated textures pulled from the surrounding image data. Teorex's Tutorials page can demonstrate how easy it is for anyone to do it with just a few simple steps. This puppy is normally priced at 19.99$, but for the duration of this promo you can get it at 55% discount, just $8.99!.
Amazing halftone effect for images and photos with neatly animated particle movements on mouseover. Upon mouse click, the particles contract and expand as if to simulate a breathing effect. As the halftone is low res, you won't need high-quality source images. Created by Codepen user John Heiner.
Voyage, a free, travel-themed UI kit that's fully interactive and features UI elements, multi-screen artboards, and popular interactions in one completely customizable bundle to work with on Framer. Contains 20 screens, 42 ready-to-use interactions, and 78 elements.
Coinicon, a great looking cryptocurrency icon fonts library, created by Rizal Renaldi, contains 64 cryptocurrency icons & logos made in a 48px grid with two variations: Outlined and Color Line. To use, simply download the package, copy coinicon fonts folder, and insert css to your html. Coinicon is free to use for personal or commercial project.
Neat CSS tasklist by Codepen user Shaw adapted from original JS code by dribbble user Gal Shir. It features neat animations for three checkboxes included in the snippet.
Great looking typeface with a slick design and a neon effect, engineered by Bakoom Studio. It features unique looking characters with soft curvatures for letters from A to Z, as well as numerals and basic punctuation and symbols.
15 Minimalistic Logos bundled together in this great freebie by FreeDesignResources. The pack includes business logos for café, construction, studio, fashion, more in PSD, AiI, and EPS, to simplify working with the logos and customize them to fit your needs.
Neat Vinyl 3D Toy concepts created by Behance user Alberto Hernandez, modeled with Maya, 3DS Max, and Corona to render. The download includes a .max format file, as well as FBX, and a folder with the textures. Free for personal use only!
Shapely, by Colorlib, is an awesome, versatile, fully responsive single-page Wordpress theme with pixel perfect design and great variety of functionalities. It comes with outstanding features, homepage widgets that can be used to add a portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast.
Free mockups of an Apple iPhone X, created by Behance user Ranish Chirayil. The download contains 2 mockup files in PSD format, with neatly organized layers and smart objects to work with it, and is completely free.
3D model of a slick and modern Yoko Table Lamp from Foscarini, created by DesignConnected. The download includes Sketchup files, as well as 3DS Max, OBJ, and FBX file formats.
Hover is a great looking uppercase display font created by Wild Ones Design. It features a slick design, with a geometric construction and a medium/light weight. Includes basic symbols and punctuation as well as numerals.
Created by David Dias for the opensource community, this is a really useful listing of items neatly wrapped in the form of a web tool that every meticulous developer needs to take care of during the development of their projects. This web tool can help keep track of essential steps, divided into three levels of priority.
Created by Codepen user Ashley Nolan, this pen experiments with some simple text effects you can create using text-shadow and hover transitions.
Great UI Kit created by Behance user Firos nv for Adobe Experience Design, the kit features several screens like login, register, appointment calendar, booking, account, test results, and much more! The download includes .xd file format, and jpg/png images.
Friedrichshain is a condensed typeface created by Behance user Tomas Clarkson. It takes its name from the built-up area of East Berlin, where tall, Soviet Style buildings dominate the skyline. It features basic punctuation symbols, numerals, and Uppercase/Lowercase characters.
A free, great looking Presentation Template with a professional corporate design, it includes 8 slides for Powerpoint, Keynote, and Google Slides.
We've brought you another great bundle with beautifully crafted fonts for all kinds of projects and purposes. 65 Fonts made in several styles such as calligraphy, signature, brush lettering, layered, hand lettering and more, plus 3 bonus typefaces for a total of 68 Fonts. Many feature alternates and swashes, which you can choose to use at your convenience, and include a PDF file with instructions on how to activate them. Anywhere else, these fonts would cost over 450$ but for a limited time you can get the whole pack for just 7$!
Simple HTML5/CSS3 login form that also works as registration form created by Codepen user Aigars Silkalns. You can easily tweak this form further to use it as part of your web app, website or anything else.