Free tool · 12 animations · 12 patterns
Pattern & animation preview
A hand-picked sample to try live. Pick one, watch it on the stage, copy the snippet. The other 1,498 animations and 231 patterns come with a free account.
12 animations
.da-fade-in-up
fade-in-up.html
<link rel="stylesheet" href="https://cdn.htmltool.io/t/YOUR_KIT_TOKEN/animations/1.0.0/css/animations/fade-in-up.min.css">
<div class="da-fade-in-up">Hello</div>Press C while the code is focused to copy.
Replace YOUR_KIT_TOKEN with your kit. Every file on the CDN is served through a kit, which is free with an account.
12 patterns
.dp-stripes
stripes.html
<link rel="stylesheet" href="https://cdn.htmltool.io/t/YOUR_KIT_TOKEN/patterns/1.0.0/css/patterns/stripes.min.css">
<section class="dp-stripes">…</section>Press C while the code is focused to copy.
Replace YOUR_KIT_TOKEN with your kit. Every file on the CDN is served through a kit, which is free with an account.
Free account
Sign in to get all 1,510 animations and 243 patterns in a kit
A kit is one line in your page, locked to your domains or IPs. It also unlocks the full galleries, favorites, collections and the DevOps for Mac sign-in.