#01

[{"selector":"#anim-2e0dbf77-8e1a-4a0c-8abe-6c5258c35aa5","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-58cce112-ff1b-4a30-8063-6203132dbd18","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-738d8c28-c2d5-42ea-98b9-202c0ceea6b6","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-beaba6fe-3f5a-4115-a513-479fc12b2abd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57ea896d-7e74-4559-81b0-05e7b3b4920d","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"}] Check now

#02

[{"selector":"#anim-fa29bf49-3892-49dd-a218-447a284fca40","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d28df765-6648-4d7c-81b3-ec5a84f6d6ce","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-b522bb04-6c2e-481f-b8f4-af9003eefbf1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de232236-6fa6-40f5-8bdb-a07769b925d0","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f32304e1-ef12-41e7-8c46-304dee0b9751","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"}] Check now

#03

[{"selector":"#anim-417c2bec-6a89-45bf-8a2c-5e1b0603952e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca36253c-ebf1-4d19-b478-b2cb77c0e16b","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-0bf0f402-4124-445c-8a6b-892532af5e4b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9efcefa-9c1c-485c-853b-706be6264fec","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"}] Check now

#04

[{"selector":"#anim-c75c2afd-bac9-4c23-9d78-ac083272d61b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15b5ad1d-f9db-408b-b7ad-691217541272","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-0de3625e-9bf9-44cb-adb7-14f90d53fa67","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d91f0a5-9e18-4de0-a67b-81742460e775","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-df657304-39dc-4a0e-81a7-b5b77c051ccf","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#05

[{"selector":"#anim-6b37a566-10c8-4e9c-8325-c3e57481b207","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e445714-6646-41ca-a206-38af0eaad3a3","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-a214be59-dd42-4b43-bd6c-48b5094a472c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24927fb7-2fdf-40a5-8c9c-e45760fd7afc","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-6b891e6d-7137-47fb-833d-d3c2110bc95d","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#06

[{"selector":"#anim-f9faeee9-a617-4c69-a911-0c3a329dbf7b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-435a4591-ae21-4f29-93a6-838f9b80e75e","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-a1bb02be-530b-4284-94e9-ea6ff98c36e7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e01d1939-798e-4165-b4b7-c20fe262505a","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-97d74f8d-f124-4dda-9658-7e947b36cc80","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#07

[{"selector":"#anim-39734c69-dec6-451e-9695-e4d9ae586a70","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-abae7110-1fbf-4f46-995d-647f70cefe2e","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-a8c664ab-1d96-4d13-b72c-7b4f593dd925","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-054d5e30-864f-4f73-b9e4-819c0862b2de","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-c6506da9-796b-4916-ba74-0c4d4c628ce7","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#08

[{"selector":"#anim-f1262a21-78ec-43b1-b277-38a70361bc5b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-181684be-fcec-4e8c-a951-46e7667b4941","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-234bb102-b615-4487-8257-36dccb930272","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d934b41f-0013-4acb-9f75-c19d0f17e2bb","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-3aa85a17-437d-42b1-bd69-c98ccd94e951","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#09

[{"selector":"#anim-85467689-f4c7-4552-b6d7-0b177ff13b19","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-beaaeae7-f4eb-4628-b0b8-a1efc4dbf052","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-31133f58-711d-426c-80f5-064cbbb5c6d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ece2c303-e029-4be6-a1ab-cd20458d4e82","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-4648794f-2c47-4d34-924e-6313ec34fa43","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#10

[{"selector":"#anim-0f37edde-aba9-444a-928c-5e1f892e471f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54c86e19-536d-4f96-9f8a-ad3558a82515","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-3221dd47-0bc5-4433-8399-38aaf81d9e6c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-197e01f4-3a97-4fbe-8a26-5c15f79953e8","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-d324d01b-ba43-4547-bb12-d18aa4ac6b8f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Check now

#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