cdn.htmltool.io · 1,510 animations · 243 patterns · Font Awesome Free
Animations, patterns & icons you can paste today.
Live previews of every item, with copy-ready CSS, SCSS, Stylus, ESM, custom-element and Tailwind snippets served from one CDN.
Live specimens
3,745 items · one CDN
Three catalogs, one CDN
Every item is a single stylesheet, module or SVG on cdn.htmltool.io. Link it, import it or paste it.
- 1,510 animations
Animations
Entrances, loops, hovers, loaders and text effects. Tune duration, easing and iterations, then copy the class.
Browse animations - 243 patterns
Patterns
Seamless backgrounds like Harlequin, recolored with four custom properties: ink, paper, accent and size.
Browse patterns - 1,992 icons
Icons
Font Awesome Free in solid, regular and brands. Copy inline SVG, an img tag, a CSS mask or the unicode.
Browse icons
.da-fade-in-up
One line to install
Pick your stack. Every snippet points at the same versioned file on cdn.htmltool.io.
- CSS
- SCSS
- Stylus
- ESM
- Custom elements
- Tailwind
@import url("https://cdn.htmltool.io/animations/1.0.0/css/animations/fade-in-up.min.css");
/* add class="da-fade-in-up" to the element */
.da-fade-in-up {
/* --da-duration, --da-delay, --da-easing, --da-iterations, --da-direction, --da-fill-mode */
}Press C while the code is focused to copy.
DevOps for Mac
Sign in once, use it in DevOps for Mac
DevOps for Mac signs in with your htmltool.io account. Approve it once in the browser, then sign any Mac out from your dashboard.
- 01Choose Sign in inside DevOps for Mac
- 02Allow access on htmltool.io
- 03Back in the app, signed in
Free account
Save favorites and build collections
Heart anything in the catalog, group it into collections and export them as one snippet.