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 an input quick switcher interaction recreated in Framer, from Nitish Kumar’s original design. Feel free to explore how the interaction works, switch between input states, and remix it to see how easy it is to built in Framer, all without code.
To create this input quick switcher interaction, I made two main components: the switch component (with different icons and pressed states) and a cursor component. Then, I combined them to build a third component: input Switch, which has default and clicked variants. Inside this, I added the components along with text and supporting elements.
The text includes animated text effects, and the transition between the two variants is triggered by the click interaction from the switch component.
To create this input quick switcher interaction, I made two main components: the switch component (with different icons and pressed states) and a cursor component. Then, I combined them to build a third component: input Switch, which has default and clicked variants. Inside this, I added the components along with text and supporting elements.
The text includes animated text effects, and the transition between the two variants is triggered by the click interaction from the switch component.
To create this input quick switcher interaction, I made two main components: the switch component (with different icons and pressed states) and a cursor component. Then, I combined them to build a third component: input Switch, which has default and clicked variants. Inside this, I added the components along with text and supporting elements.
The text includes animated text effects, and the transition between the two variants is triggered by the click interaction from the switch component.
The two variants of the input switch component in Framer.
The two variants of the input switch component in Framer.
The two variants of the input switch component in 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.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
