Animated Nerf Gun Radio Button

[{"selector":"#anim-2c2dc282-8e7e-4f9e-a23e-9b29771693f4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9fcc727e-a818-4070-bfb8-856cfe9b1c0a","keyframes":{"transform":["translate3d(0px, 108.58586%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Card Input Radio switcher

[{"selector":"#anim-6c5b460a-f8e1-446b-80a8-9176a7206f06","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ea797c7b-b21d-41b2-9b8f-ff5f37678cad","keyframes":{"transform":["translate3d(0px, 107.21537%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Checkbox and radios (dark/light)

[{"selector":"#anim-4af283c7-3073-4412-a068-c1aceced9d12","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-567182b1-37fc-41c8-856b-4c1f4d7dcd72","keyframes":{"transform":["translate3d(0px, 86.42677%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Custom Radio Switch Button

[{"selector":"#anim-7fbe04a0-ec83-423d-b5ce-0ce4dfdbc1e4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7f9492bb-4efd-40db-a29b-1e66e7d9ecc5","keyframes":{"transform":["translate3d(0px, 108.58586%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Pill Styled Radio Buttons

[{"selector":"#anim-65fb9354-3aca-4300-9056-4a5d3aec6f07","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-69b1a21b-ef2b-416d-855d-2a9e722c5763","keyframes":{"transform":["translate3d(0px, 111.23503%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Awesome Custom Radio button

[{"selector":"#anim-f03074aa-939a-4da8-97cc-152107e3437e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47248ec4-ff9a-4f1a-90c8-849ec836bc59","keyframes":{"transform":["translate3d(0px, 108.30176%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Radios Under the Hood

[{"selector":"#anim-e7401606-8286-4492-97d6-c21d926498ee","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5de77d08-57f5-4631-ada1-2878e58c14ea","keyframes":{"transform":["translate3d(0px, 112.72202%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Google Maps Radio Button

[{"selector":"#anim-08c7e0c2-8609-4900-8af2-96e8e25a9b52","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e07b9fce-26b9-457c-960b-6fb2284130a7","keyframes":{"transform":["translate3d(0px, 110.2904%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Animated SVG Radio Buttons

[{"selector":"#anim-cf511501-c9d9-4e93-bd7d-907abf019c31","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cdf84e01-b75a-41a5-b66f-31f932530e22","keyframes":{"transform":["translate3d(0px, 111.23503%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Custom Input Radio Button

[{"selector":"#anim-c831a878-73f7-478d-8b17-f41ff31f4563","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Custom Radio Button