Built with FramerGPT
"A live clock"
7:09:51 PM
"Two overrides that allow me to click a button to swap the variant of a component from A to B"
Toggle variant
Variant A
Variant B
"A scroll progress bar" … "add spring"
"A 3D transform on hover"
"An override that creates a text stroke effect"
Outlined text
"Create a code component that creates a linear fading background blur. Use CSS mask image feature to create a transparent to opaque gradient which masks the background blur to create a fading background blur effect"
![](https://framerusercontent.com/images/zTzTtLfVEA4IM6dSLD2syrr7bM.jpg)