Hero Patterns
MagicPattern
Patterninja
Trianglify
Pattern Monster
Pattern.css
Cool Backgrounds
SVG Backgrounds
GSAP
Anime.js
Three.js
p5.js
Pixi.js
Animate.css
Sencha Animator
Velocity.js
Hero Patterns GSAPBased on our record, GSAP should be more popular than Hero Patterns. It has been mentiond 81 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
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 / 12 months ago
Hero Patterns: A collection of repeatable SVG background patterns for you to use on your web projects. - Source: dev.to / about 1 year ago
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
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
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
Really good looking animations with a little bit of code can be achieved by using Gsap Which is now owned by Webflow and can be included in every single website through the settings tab. - Source: dev.to / 6 days ago
GSAP – A wildly robust JavaScript animation library built for professionals [https://gsap.com]. - Source: Hacker News / about 1 month ago
I'm using a component-based framework (like Astro) along with Tailwind CSS classes and GSAP to build our animation experience. Here’s a quick overview of our file structure:. - Source: dev.to / 4 months ago
You can use web technologies directly themselves to create very rich animations for the web. Sometimes only CSS alone is all you need. Many examples online. Sometimes a library like Motion or GASP can help speed web animations. - Source: dev.to / 5 months ago
GSAP stands as the gold standard for web animations. This JavaScript animation library offers unprecedented control over HTML elements, SVGs, and Canvas animations. What sets GSAP apart is its exceptional performance and cross-browser compatibility. Whether you're creating simple transitions or complex, timeline-based animations, GSAP provides a robust API that makes smooth, professional animations achievable... - Source: dev.to / 6 months ago
MagicPattern - The best design toolbox with 10+ tools for anyone
Anime.js - Lightweight JavaScript animation library
Patterninja - Create patterns online
Three.js - A JavaScript 3D library which makes WebGL simpler.
Trianglify - Tweakable, one-of-a-kind hero images for your next project
p5.js - JS library for creating graphic and interactive experiences
