Discover the best card websites created by professional designers. Get inspired and start planning your perfect card web design today!

Refokus

A 3D world on how Cula's platform collects data from carbon removal processes and converts them into carbon credit certificates.

Cula

Léo Catherine

If you desire a sophisticated card that exudes elegance and includes a touch of uniqueness, this is the perfect choice! Easily integrate this card into your Webflow project with just a few simple clicks.

You can configure the text, size, colors, speed and other settings!

Inspired by Resend

Glowing Card

Robin Granqvist

Just some fun animated card components. Feel free to clone 🙌

If you like this one, check out my templates on the Webflow marketplace - https://robn.link/templates

My portfolio - https://robn.link/portfolio

Swoopy Hover Cards

StanVision - SaaS Design Agency

StanVision

Contiant is an innovative platform that leverages the power of Open Banking to provide instant payments, eliminate chargebacks, and lower transaction fees.

The platform is trusted by over 2000 banks across 19 countries, offering a seamless and efficient way to transfer funds.

Contiant's advanced technology and secure systems ensure safe transactions, significantly reducing processing times and enhancing efficiency.

The platform also offers detailed transaction history, real-time account balance verification, and a customizable payment form to optimize customer conversion and retention.

Contiant: Revolutionizing Transactions with Instant Open Banking Payments

Beqi

Credit cards with cash back at many local businesses, no annual or international fees, high limits, and a mobile app that makes it easy to manage your money ...

designed by @devinsfountain

Petal

James Baduor

Probably the only link-in-bio kit you might need. Aiko is a simple, well-structured, beginner-friendly webflow template that provides you with various valuable components to build a personal link-in-bio profile.

Aiko is suitable for your appointment profile, influencer profile, your small business, and many more. This is built from the ground up, meaning you do not have to deal with redundant webflow classes. It is not CMS integrated, which means you can use the HTML version (link at the bottom) if you cannot afford a webflow site plan and want to host it yourself.

Features:
🤓 Simple bio
❤️ Social links and CTAs
🏆 Influencer social metrics
✅ Appointment booking
📈 Simple availability graph
📰 Newsletter form
📖 Blog section
🎭 Events section
🔗 Custom links
👗 E-commerce cards
📕 Books and interest
⚡️ Custom ad cards
more to come soon...

Dark mode coming soon 😎
Feel free to clone and share this with friends!

Aiko — All in one link in bio

Asad Digital

Hi! Here's the new version of the flipping cards. Feel free to clone it and use in your projects.

Flipping Cards

Dhruv Sachdev

Let site visitors preview external links by hovering over the text. This plug-and-play feature allows you to get a link preview without leaving :)

How it works:
It extracts external links on load, grabs a screenshot then reveals the preview on hover. 

Since the card's position is calculated using custom code - it works with inline links and link blocks.

Just change the external link, and the preview will be updated automatically. Replace the demo screenshot API I've used with your own on live builds.

The project also includes a static version where you can manually upload a preview if you prefer—inspired by https://uiw.tf components. Fully built-in Webflow.

Automatic Link Preview

Timothy Ricks

Overlapping CMS Slider

Tutorial: https://www.youtube.com/watch?v=Q17Q5-isg0I

Based on this shot by Cuberto https://dribbble.com/shots/6358927-Mitosis-After-Effects

Note: This experimental goo effect does not yet work on Safari.

Gooey Card Effect

Mubarak Marafa

What if Pokemon Cards were reimagined as NFTs?!

Had so much fun building this, brought back so many memories!
Go ahead and clone it and dig through the set up. I've also created a YouTube video walking through my process: https://youtu.be/sp4DOh8s4SA

Thanks for checking it out!

3D Pokemon NFT

Who doesn't love a good card! They're fun to design and fun to look at! They're like little bite-sized nuggets of content on your website!

Had so much fun creating this! Feel free to clone!

Also watch my walk through my process of animating the cards here: https://youtu.be/aokdBG7g__A

Bite-sized Fun Cards!

WebDev For You

Welcome to daily interaction #98!

This demo showcases a product card animation on hover. This can be a great way to showcase your products for your Ecommerce store. When you hover over the card the title of the product appears, and a few icons and the price stagger in from the bottom. There is a cart icon that can be used to add to cart, an eye icon which can link to the product page, and a heart icon that can link to a counter of some sort. All these icons can be changed as well or replaced with something else.

What's great about these cards is that you can paste them in an Ecommerce collection list and link all the content straight from the Webflow CMS! Amazing!

Enjoy :).

To view more daily interactions and premium content visit:
https://www.webdevforyou.com/

WebDev For You - Daily Interaction #98

Joseph Berry

Tutorial to build mouse interaction here. https://youtu.be/maYjDF1_zMQ

After seeing Niccolò Miranda FatFatFat Festival site I was instantly inspired to see if I could recreate some of the interactions. With my own interpretation I have created a unique micro site with all interactions created in Webflow.

Joseph Berry Music

Pablo Stanley

Latinxs Who Design is a living directory of thriving Latinxs in the design industry. Feel free to clone this project and create your own list!

Latinxs Who Design - Directory of people with filters

Jan Losert

Cards 2.0 are Symbol based Framework/UI Kit for quick design or wireframe of your next landing page project. 100+ symbols/elements ready for design or hi-fidelity wireframe for any UI/UX designers or developers out there. The main goal of this project is to help you - Webflow users - with creating beautiful landing pages or wireframes within minutes directly in Webflow with ready to be published code. All again with a coded styleguide for all the main typography elements (H1-H6, links, paragraphs etc.) buttons, tags you name it. 

What you get/Package overview:

50 New Cards as Webflow Symbols (in 2 versions Dark and Light = 100+ Symbols)
3 Complete landing pages in 2 versions
Symbols for Hero sections, Features, Testimonials, Pricing, Team, Blog and more.
Ready for all 4 responsive breakpoint 
Cards from v1.0 recreated into a new structure
All cards in Sketch file

Happy Cloning! 🎉

Cards 2.0 - Framework/UI Kit

Full Landing Page + All Details - https://janlosert.com/webflow-cards

My first fully web-based UI Template, 100% developed in Webflow Designer. All elements ready to copy & paste or fully clone into your projects! 

I prepared all styles for all the main typography elements (H1-H6, links, paragraphs etc.), button, tags, alerts or social icons. And then using these “atoms” create as many cards as possible for you to have a nice starting field for new designs. I ended up with 28 cards in total My main aim was to create something visually beautiful for new users or developers who are, to put it nicely non-designers.. All of them are obviously responsive in all Webflow stages. There are 2 hero sections, nice product cards, article thumbnails for the blog or even sign up dialogue with all form elements covered.

Cards - Webflow UI Kit

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

285302288

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

3106924665

3112069432

3120801339

3151661775

3201643127

3202722884

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

3956476210

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1003029853

1045828939

1049811722

1087856901

1099435904

1120744071

1131151533

1157563538

1178621510

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1250328847

1259889605

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1337084289

1350250754

1362856608

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1455163268

1455742168

1458975701

146940023

147086462

1471203893

1475952185

1483622682

1490715908

1499868407

1501922903

1530015515

1534768148

1545754914

1568482678

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

1710623805

1733571395

1734645173

1752293186

1753134293

175490803

1762715110

1764382991

1803820771

1813965765

1823392055

1826978162

1831431323

183596474

1839668475

Best Card Websites | Free Examples & Designs

Discover Card websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Card websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Card websites
built by the Webflow community