Framer Smart Components Interactive Prototype with Variants, Variables. Landing Page Example No code
A simple landing page as an interactive prototype for the imaginary conference called CONFF. This prototype was built with Framer Smart Components and other tools like scroll. No code was used in this design.
You will see many examples of component and their variants with variables within their respective states and properties. A micro interaction is designed to simulate a high-five state in one of those components. Stacks are used throughout the prototype, notably in the for the navigational menu and other elements such as components.
When the Smart Component is designed and defined, you can adjust its state and variables from the right panel. Drag the component in the canvas and adjust its properties if needed.
The gradients are all designed within Framer. Icons and illustrations are available through Framer's built-in tools.
#madewithFramer #design #framer #nocode #ux