Brandy
Brandy is a brand asset management tool for macOS. Use it to keep up with colors, logos, gradient patterns and fonts by project. Everything works in real-time and one account can contain as many brand projects as you like. Plus, it works using drag and drop so assets are always at your fingertips.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/brandy.jpg)
Picular
What if you could Google a color? That’s what Picular does. The tool allows you to put in a word or phrase and returns color results – by hex code – that represent that word. It works by pulling images of that word and boiling them down to a single hue. (Hover over colors to see the source image.)![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/picular.jpg)
Drawser
Drawser is a vector graphics tool that works in-browser so that you can draw and edit on the screen. It includes interactive features so you can collaborate on vector-based projects online. Drawser includes a social component and community as well with the ability to publish projects and allow other users to refine them in the open source platform.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/drawster.jpg)
RSSHub
RSSHub is a lightweight RSS aggregator that can grab a feed from pretty much anything. (It does everything you wish some of the old RSS options of the past did.) The documentation is straightforward and implementation is quite seamless with plenty of options to get just the feed you want.SVG Filters
SVG Filters is a fun playground where you can add different effects to SVG-based images and text with just a click. Use the toggle settings for each filter and watch the image change on the screen. Copy the provided code and your filtered image is ready to go.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/svgfilter.jpg)
Code Surfer
Code Surfer is a React component for scrolling, zooming and highlighting code. You can highlight single or multiple lines of code, scale long snippets and more.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/codesurfer.jpg)
ShrinkMe
ShrinkMe is an image compression app that works in seconds. Drag and drop you photo into the window and get a downloadable file that’s significantly smaller. (My sample image shrunk by 62 percent without image quality loss.) Plus, this tool works offline and you can shrink multiple files at once.![shrinkme](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/shrinkme.jpg)
Fake 3D Effect
Can’t make it? Then fake it. This pen by Robin Delaporte features a fake 3D effect with a depth map. It’s definitely an interesting way to use a three-dimensional effect with an image and no fancy equipment.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/fake3d.jpg)
Splitting
Splitting helps you create a trendy split text effect with CSS. The tool creates elements and adds CSS variables for animating text, grids, and more. It’s lightweight and easy to use with plenty of documentation to guide you through set up.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/splitting.jpg)
Tutorial: Advanced Effects with CSS Background Blend Modes
Bennett Feely takes on how to work with a few different CSS properties to create blended background objects. The tutorial primarily focuses on background-blend-mode and how to create impressive patterns.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/blend.jpg)
Food & Drinks Icon Set
The Food & Drinks Icon Set is a collection of 60 icons featuring plenty of edibles. Each icon comes in a cull color style as well as line icon style. Download the vector shapes and customize for projects.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/capicons.jpg)
Gradient Icons
Gradient Icons is a pack of 100 icons of varying types with trendy gradient coloring in a flat style. The collection expands to 1,000 icons in the full paid set.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/gradicons.jpg)
EmojiOne 4.0
EmojiOne 4.0 is a premium collection of emojis restyled for 2018. Each design has been tweaked to reflect current design trends with subtle gradients and a clean finish.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/emoji.jpg)
Best Animated Logos
Best Animated Logos is a collection of logos you know with awesome animations attached. From Google to Tumblr to Skype to Reddit, these animations will inspire you for sure.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/logos.jpg)
Heard at Work
Heard at Work is a collection of overheard exclamations that aims to capture what it’s like to work in a New York design studio. It’s fun, honest and maybe a little bit silly. The project was created by Justine Braisted.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/heard.jpg)
The Carlton Dance
The Carlton Dance pen just makes me smile. A favorite move from the beloved Carlton character from the Fresh Prince of Bel-Air (a 90s sitcom) has morphed from a meme to a pure CSS character.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/carlton.jpg)
NerdRobe
NerdRobe makes totally cool—albeit geeky—shirts for designers. There’s a new design every other week and shirts are just $10 plus shipping (based on your location). So you’ll want to keep checking back for the design that fits your sensibilities.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/nerdrobe.jpg)
Abhaya Libre
Abhaya Libre is a unicode compliant, complete libre version of the widely used Sinhala typeface FM Abhaya and includes Sinhala and Latin support. It includes five weights and is also available as a Google Font.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/abhaya.jpg)
Brand New Roman
Brand New Roman is a typeface generator that uses brand icons and marks to create a font. The end result can look a little like a ransom note, but it can be fun to play with. Put in your words and download.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/brandnew.jpg)
Jomhuria
Jomhuria is a stencil style typeface that’s highly readable. It’s designed for large sizes and might not work as well in smaller applications. The full set includes more than 800 characters.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/jomhuria.jpg)
Library 3 AM
Library 3 AM is a somewhat round inline typeface with two styles. It’s great for display or poster designs and is free for all uses.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/library.jpg)
Space Grotesk
Space Grotesk is a sans serif typeface with five styles available with the open font license. It features a full character site with emphasis on circular elements.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/space.jpg)
UStroke
UStroke is a handwriting-style decorative typeface with a grunge feel. It includes all uppercase characters with a few alternates and numerals. Although application is limited, it’s an interesting option.![swatch](https://www.webdesignerdepot.com/cdn-origin/uploads/2018/09/ustroke.jpg)
Carrie Cousins
Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.
Read Next
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…