#01

[{"selector":"#anim-b3028e55-ed30-4676-b2bc-608243cdf55e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3cff134a-5dc1-4785-9752-33571be8e0bf","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-830f9dc8-875c-49f0-9063-fea0399ca369","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c529fbc-0c8e-41ec-a1fc-d25e1babd7e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c69af8c7-43c5-4b5a-af50-d5a370e6f915","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] tailwind css button

#02

[{"selector":"#anim-c15214a7-f8d5-4fdb-a1a1-33832b480995","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a983910e-f025-4581-ba86-6414d9a84a0c","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-105e482e-5ce7-4943-98ef-33b6e0458b53","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a32e8480-13fa-4eeb-93da-33d5026d8018","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be694132-74d3-4a72-b23b-131ce643587c","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Download button desing

#03

[{"selector":"#anim-d4c8a8bf-f567-4e49-b0cc-18a6becde286","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2a10fc2-39ef-463d-ad42-edaf59de79ad","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eacc3995-a266-4198-8e6f-c44bf2e0ee5b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9d31289-47dc-4a90-b9cb-4ae6c66fa977","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Tailwind css Download button design

#04

[{"selector":"#anim-59411548-f5fd-4822-afa2-7294f6ac8011","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a40b1e18-7776-464b-9494-41602dc32390","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acbf80f4-6e79-474b-b513-db12f8fbe637","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-357581e7-56a4-4544-b8ee-893d37afabd3","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-963e9769-67c4-441c-9b03-b3d85c163f04","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] tailwind css button

#05

[{"selector":"#anim-9f882b54-f39e-4d01-b8d1-d022a1f16e10","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-01f9cb5b-8514-436c-a9b9-e3266cd9f169","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d6f195c-4f89-4add-8c75-700f4673508d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d37e9c08-d219-494c-8648-6b84c2c526b0","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a142b88-ba51-4350-8349-5274f5117d06","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] tailwind css button with icon

#06

[{"selector":"#anim-87d334d7-f068-45f2-b811-182bb689f89e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-31a4de13-9496-4631-88c0-6495509a8f7a","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9211e360-5a99-402f-8d89-f30edb4242a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f4b01df9-8039-4b38-9df1-cf005b82cc2d","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4766679c-d2ad-452b-b127-e221f43bd6e2","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] download button with icon

#07

[{"selector":"#anim-466dfa16-8246-4c73-8807-30308f63ba9e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be28c68e-312b-4e85-ba78-bcb833c5c659","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c15deedf-0fb4-4101-9c3f-56cc1cb12a21","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fbbf5cc2-c1ee-47cd-b370-e90af032045b","keyframes":{"transform":["translate3d(0px, -545.40594%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-670d23d6-eb04-48d4-803c-f3716c533982","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] tailwind css button design

#08

[{"selector":"#anim-5e4707d4-83be-4ecd-9630-a3131a90e510","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4863cb13-d8ca-43f2-8243-44abd6f1dc25","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b4fd0f74-8fed-4dff-a0f5-4f5904a6d183","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-215e6d48-928e-43ea-b442-599c56af2216","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5dafa182-eaec-4d6a-9587-bc923a8c1f39","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] tailwind css payment button design

#09

[{"selector":"#anim-fd8170ee-32c0-44cf-be4e-662ee1ea9f8c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57427200-e336-42d7-bc81-ac9c052f09be","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74e0a2d3-9d78-41a5-90f9-d869cc0d8607","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0153439-45fb-4ac3-a89c-b0bb9e4e028c","keyframes":{"transform":["translate3d(0px, -404.75144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1a887187-f5b8-4821-af07-9b02e88c91ec","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] animated button design

#10

[{"selector":"#anim-bff1e284-7dd7-4823-b148-3b0064737016","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4e8d985-b1b3-4e37-ada4-071f995a26e7","keyframes":{"transform":["translate3d(0px, -530.84953%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b5de2427-4afb-4f06-ab10-cd826ee82a5e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d6745f76-3410-4ec6-8128-05e4b4d099c1","keyframes":{"transform":["translate3d(0px, -545.40594%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8651f456-5156-4358-bcf7-a6236b3808ca","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Fancy button with icon design

#01

Buttons with Tailwind and Keyframes

#02

Download Button + Tailwind

#03

Tailwind Download Button

#04

Tailwind CSS Button with Badge

#05

Tailwind CSS Button with Icon

#06

Download Button with menu

#07

Tailwind CSS Buttons

#08

Tailwind CSS Payment buttons

#09

Simple Animated Button

#10

Fancy button with icon