Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a scheduling interaction in Framer, recreated from Nitish’s original work. Feel free to remix the project to explore how it's built without any code, or copy the component to your Framer project.
Created by
This scheduling interaction uses just two variants in Framer. First, I set up all the necessary elements and converted them into a component with default and schedule variants. In the default state, elements are hidden by stacking them over each other. I then tweaked their positions and opacities in the schedule variant. Finally, I added click interactions to connect the variants directly from the icons.
This scheduling interaction uses just two variants in Framer. First, I set up all the necessary elements and converted them into a component with default and schedule variants. In the default state, elements are hidden by stacking them over each other. I then tweaked their positions and opacities in the schedule variant. Finally, I added click interactions to connect the variants directly from the icons.
This scheduling interaction uses just two variants in Framer. First, I set up all the necessary elements and converted them into a component with default and schedule variants. In the default state, elements are hidden by stacking them over each other. I then tweaked their positions and opacities in the schedule variant. Finally, I added click interactions to connect the variants directly from the icons.
The default and schedule variant of the component.
The default and schedule variant of the component.
The default and schedule variant of the component.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
