The Flexbar resurrects the MacBook Pro’s Touch Bar as a standalone device

[{"selector":"#anim-a5e9767b-2fb6-408e-80c0-a3f2b841635e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-535cd638-88a9-44ed-a235-14c782c7ad45","keyframes":{"transform":["translate3d(116.60900%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-539bd28b-9071-4a9b-89a7-af462cdbca13","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f75245d1-a891-4a25-9bb2-a67f6a395114","keyframes":{"transform":["translate3d(0px, 99.58849%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1f26eaf-149e-4c25-9a8a-6fc60c0f385f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75e8326b-f8b9-4a88-9ac9-f346f830ec9d","keyframes":{"transform":["translate3d(-126.69039%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke

Apple's Touch Bar as a standalone device

[{"selector":"#anim-9e4f2d71-caaf-45f4-9a58-5e7bcd3af82d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-31612eb2-e79f-4611-abac-cfa0591e3c89","keyframes":{"transform":["translate3d(0px, 99.58849%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6319eeae-75f8-4fa1-81ef-515be2b3543f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2877d597-06a7-408c-8d97-f7ebd8ac0f50","keyframes":{"transform":["translate3d(116.60900%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3f33287-d693-410c-b6d4-206a637c9b59","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48f6c4c0-2543-4fa9-8b24-4e4c3b8de4a2","keyframes":{"transform":["translate3d(-126.1324%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke The Flexbar Resurrects

The Flexbar offers more customizability than Apple's Touch Bar

[{"selector":"#anim-c64f9530-465d-4ffe-8b31-dc41e70d6c6e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a5225f6-4cc4-49af-b620-2937b60ebaa4","keyframes":{"transform":["translate3d(0px, 99.58849%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-998ede46-2ad3-4f9b-a612-1c26665d786d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1d1ad4cb-2180-4a94-a17c-5924e3d7bd6f","keyframes":{"transform":["translate3d(116.60900%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4f67184-d11a-4236-b299-7e9ccf7c0348","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0da43b2a-f86b-455f-90eb-58b3f8d4b613","keyframes":{"transform":["translate3d(-126.82927%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Customizable Touch-Bar Download App

The Flexbar can be positioned in various ways to suit different needs

[{"selector":"#anim-b37127dd-a6c9-4e7d-9974-252bf4beaac9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-564c08b7-d63f-4bba-bcba-4afaa1ab9464","keyframes":{"transform":["translate3d(0px, 99.58849%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24c3f565-4ade-4e8b-82e2-dc456785b615","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9049dbcc-e316-4fdc-a982-9c09f1222151","keyframes":{"transform":["translate3d(116.60900%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7bf41bb0-0f1f-440f-b19a-6de8d68554b0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a51910c-38ad-4e19-8687-014f0e8c34b6","keyframes":{"transform":["translate3d(-126.82927%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Versatile Positioning Download App

The Flexbar supports customization and app integration through an SDK

[{"selector":"#anim-ae872c9b-144d-45fd-9063-ea50777fa66a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5db8233e-6398-4dc1-ad68-89bf3046a852","keyframes":{"transform":["translate3d(0px, 99.58849%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d73c18ba-34ac-47b4-b063-604a41326c4f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1658670c-b7a1-4203-8882-2662d9f8f145","keyframes":{"transform":["translate3d(116.60900%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7e602cd-c3cc-44dd-b25a-b8ec2505b9a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3a42538-ed95-4c90-87fa-741d49f876a8","keyframes":{"transform":["translate3d(-126.82927%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Brush Stroke Flexible App Integration Download App