Flip cards is a universal flip card component for any subject: teams, products, people, portfolios. The front shows a photo, a name, and tags, and the back is freeform, so it holds whatever you want. Each card has three label/body pairs; you can use all three, some, or none.
It is free for a limited period of time!
GETTING STARTED
Quick start:
1- Add the component to your project
Copy the component into your Framer project's code panel.
2- Set your brand name and crest (optional)
Under Brand, type your brand or collection name; it appears top-center of every card in small caps. Add a crest text (initials) or upload a logo.
3- Add your cards
Open the Cards array, and add one item per card. Upload a photo, fill in the name, tags, subtitle, and back content. And again, every field is optional!
4- Style it
Use Card Colors, Border / Frame, and Background to match your style (every color, size, and font is controllable from the panel.)
5- Choose a layout
Row for a horizontal carousel. Free to place each card manually with X, Y, rotation, and scale for a scattered editorial look.
Any issues? comment below 👇
Flip cards is a universal flip card component for any subject: teams, products, people, portfolios. The front shows a photo, a name, and tags, and the back is freeform, so it holds whatever you want. Each card has three label/body pairs; you can use all three, some, or none.
It is free for a limited period of time!
GETTING STARTED
Quick start:
1- Add the component to your project
Copy the component into your Framer project's code panel.
2- Set your brand name and crest (optional)
Under Brand, type your brand or collection name; it appears top-center of every card in small caps. Add a crest text (initials) or upload a logo.
3- Add your cards
Open the Cards array, and add one item per card. Upload a photo, fill in the name, tags, subtitle, and back content. And again, every field is optional!
4- Style it
Use Card Colors, Border / Frame, and Background to match your style (every color, size, and font is controllable from the panel.)
5- Choose a layout
Row for a horizontal carousel. Free to place each card manually with X, Y, rotation, and scale for a scattered editorial look.
Any issues? comment below 👇
