framer

/framer146

hello hello,

I want to know if there’s a way to change the variant of a component from code based on certain conditions.

To give more context, I’m trying to build a "Connect Wallet" button that will be used to show gated content if the user holds a specific token/NFT in a certain quantity.

I have finished the logic to check for the token, but I just need a way to make it a token-gated component. I’d love to know other ways to achieve this as well.

Here’s the link to the code for the component: https://gist.github.com/deeksharungta/46ef4ca12427769d5ab74c250a81c2c5
If there was a Connect Wallet button (and checks) on /framer, what would you use it for? 👀

cc @pratzyy.eth
When should you use absolute positioning?
claude.ai understands framer and components

so in one prompt you can code components like that showing current date with adjustable properties and tweak it however you want with further prompts too

meanwhile ChatGPT rejected my request to generate an image and said to come back at 6am lmao

wild
Huge forms update for Framer

+ A super informative landing page here with tutorial videos
TIL "wiggling" a component (ie. moving it around a little) regenerate the code and could solve minor / temporary issues
sharing here bc you can embed straight into Framer apparently
this was prototyped straight in /framer (instead of Figma) because it let me preview how it would look across breakpoints easily

strongly encourage using it as an exploration tool