Card Surge

UI Playground for designing beautiful Cards

0 followers

Visit website
Card Surge is a playground for designing cards in a web interface. Designing cards that look 🔥 takes careful tweaking and attention to detail, and Card Surge makes it easy. Take existing styles from well designed sites and use them as a starting point, or begin playing with your own. Copy the code out into your own project once your done.
Card Surge gallery image
Card Surge gallery image
Card Surge gallery image
Launch tags:Web App•Design Tools•Developer Tools
Launch Team
NMI Payments
NMI Payments
Don’t Integrate Payments Until You Read This Guide
Promoted

What do you think? …

Kyle Gill
Particl
Maker
I found that I kept going back to the same sites I loved when looking for design inspiration, especially when it came to cards. Getting shadows and corners right was tedious, so I decided to compile my favorites into a tool I could go back to. Let me know if you have any questions, think a site should be included, or would appreciate some feature or another!
Graeme
@gill_kyle great work! really useful to grab the css of other brand cards 👍🏽
Micah Lisonbee

Great tool!

Pros:

Great tool. Love the existing brands cards features.

Cons:

None.

Fernando Val
Another quick question: Any resource or tutorial for doing the diagonal background in CSS outside React?
Kyle Gill
Particl
Maker
@aaromnido this is a good article I've referenced on occasion: https://css-tricks.com/creating-...