Card Surge

UI Playground for designing beautiful Cards

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.

discussion
Would you recommend this product?
4 Reviews5.0/5
Kyle Gill
Maker
Software Engineer at Gatsby
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!
Share
Graeme
Making Prototypr.io and Letter πŸ’Œ
@gill_kyle great work! really useful to grab the css of other brand cards πŸ‘πŸ½
Share

Great tool!

Pros:

Great tool. Love the existing brands cards features.

Cons:

None.

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