Hero Patterns Reviews

Pattern Monster Reviews

Hero Patterns mentions (16)

• Glam up my markup: beaches

  Technical : I started with what I thought was going to be the hardest feature - the animated background. The subtle changing colors remind me of how waves come and go out of view. The pattern comes from https://heropatterns.com/ (CC BY 4.0). I thought I would need js for this, but using an external svg file + embedded style sheet is all this is. - Source: dev.to / 11 months ago

• Top 10 SVG Pattern Generators

  Hero Patterns: A collection of repeatable SVG background patterns for you to use on your web projects. - Source: dev.to / about 1 year ago

• 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 / about 1 year 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 / over 1 year 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: almost 2 years ago

Pattern Monster mentions (11)

• Top 10 SVG Pattern Generators

  Pattern Monster: A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more. - Source: dev.to / about 1 year ago

• Where you find free good quality illustrations for your website

  SVG Patterns (if it counts as illustration:) https://pattern.monster/. Source: about 2 years 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 2 years 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 2 years 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 3 years ago