Hero Patterns VS Pattern Monster

Hero Patterns Reviews

Pattern Monster Reviews

Hero Patterns mentions (14)

• An Afternoon with SVGs | Frontend Challenge Entry

  Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get... - Source: dev.to / 30 days ago

• The 7 best plugins to use in your Tailwind project

  Tailwind-heropatterns is a plugin that makes it easy to add beautiful SVG backgrounds to your website. The backgrounds the plugin provides come from Hero Patterns, a site that provides a collection of SVG patterns you can use in your project. The plugin provides utility classes to make it convenient to use these SVG patterns. - Source: dev.to / 7 months ago

• How to generate those header beams like in the Tailwind docs?

  Not animated. I thought there might be a tool for that like https://heropatterns.com/ or so, but I couldn't find one. Source: 11 months ago

• Making an Animated Background

  The prefixed versions of the animation properties (i.e. -webkit-animation, -moz-keyframes) aren't needed anymore. The jankiness of the animating seems to be coming from separately animating 4 different images at once. I've got it down to 2 images using `conic-gradient` instead of `linear-gradient`. Although you'd probably be better off with a single SVG image (https://heropatterns.com/). Source: 11 months ago

• 7 Free Lifesaver Image Tools Every Frontend Developer Must Have In Their Arsenal 🛠️🚀

  Background generation tools, like Bg-jar and Hero Patterns, simplify the process of designing unique and eye-catching backgrounds that suit their project's aesthetic. - Source: dev.to / 11 months ago

Pattern Monster mentions (10)

• Where you find free good quality illustrations for your website

  SVG Patterns (if it counts as illustration:) https://pattern.monster/. Source: about 1 year ago

• Creating a Memory Card Game with HTML, CSS, and JavaScript

  For the back of the card I'll use and SVG pattern, feel free to use the one you like the most from Pattern Monster. Also center the background image with background-position, and make it cover the full card by adding background-size: cover;. - Source: dev.to / about 1 year ago

• Any tool suggestions for generating SVG thumbnails?

  I'd like to put together a POC to show some possible solutions. I know there are some tools out there such as https://pattern.monster/ and https://haikei.app/ which can generate images, but ideally this would be a library or at least an API I can hook into, so admins can just create templates in our admin application without having to go to an external site and manually knock a thumbnail up. Although not required,... Source: over 1 year ago

• Advice on how to improve formatting for family trees?

  Bonus points for adding a custom background - pattern.monster is a must-use, in my personal, humble opinion. Source: almost 2 years ago

• My 3rd chart: The 18th Dynasty of Ancient Egypt

  For the background I used pattern.monster if you're interested. Source: almost 2 years ago