by AlxAndrws

Design Elements

SVG shapes and CSS tricks.

Haikei App

Haikei App

Custom SVG backgrounds from gradients to polygons. This is a great one stop shop for backgrounds.

Patternpad

Patterned

Design beautiful patterns from endless variations for your Carrd containers.

Landing Page Vectors

Landing Page Vectors

A collection of over 350 vectors to add personality to your Carrd site. All vectors in SVG format. Free to use for personal and commercial use. By Rob Hope

Blobmaker

Blobmaker

Quickly create random, unique, and organic-looking SVG shapes. Now apart of Haikei App.

CSS Box Shadows

CSS Box Shadows

Copy and paste CSS Box Shadow code into your Carrd site. Not as useful as it once was, now that Carrd can do shadows on more items.

Glassmorphism

Glassmorphism

Create CSS background blurs and transparency. See a Carrd Demo I made that demonstrates the glass effect.

SVG Waves

SVG Waves

Create custom SVG waves for your Carrd containers.

Inspiration

Inspiration for your next Carrd website.

Deck of Carrd

Deck of Carrd

A hand-picked deck of 52 inspirational Carrd sites made by Mark Bowley.

One Page Love

One Page Love

Thousands of incredible one page website designs. Not all made on Carrd but guaranteed to inspire.

Community Carrd Resources

Carrd resources from community members.

Starrt

Starrt

Tools, templates, tips and services to help you build the best Carrd sites for your products and ideas. By Mark Bowley.

Carrd Tricks & Tips

Carrd Tips & Tricks

A Blog dedicated to useful Tips & Tricks for Carrd. The blog is running on Feather. By Mark Bowley.

Extras for Carrd

Extras for Carrd

Tutorials & tips to easily add extra styles & effects. By Mark Bowley.

Carrd Fonts

Carrd Fonts

Every Carrd Font listed for your convenience. By @AlxAndrws

Carrd Icons

Carrd Icons

Every Carrd Icon listed for your convenience. By @AlxAndrws

Carrd Templates

Carrd Templates

Choose from a whole library of Carrd Templates - edit them instantly on your account. By @AlxAndrws

Components UI

A collection of pre-built components and templates designed for Carrd.

Components UI

Add Adobe Fonts to Carrd

Add Adobe Fonts to Carrd

A simple guide on how to add Adobe Fonts to your Carrd website.

Add Adobe Fonts to Carrd

Jason's Plugins for Carrd

Plugins, widgets, scripts to extend your Carrd sites.

Carrd Changelog

Course of Carrd

Learn how to build websites using Carrd website platform.

Carrd Changelog

Carrd Changelog

Keep up with the latest changes to the Carrd website platform.

Widgets, Tools & Plugins

Useful extras to use on your Carrd websites.

Blogstatic

Blogstatic

Finally, an affordable way to add a blog to your Carrd site.

Compressor

Compressor

Resize, crop or compress your images. Use this on every image before adding it to your Carrd site.

Gumroad

Gumroad

Sell digital and physical products on your Carrd site.

Email Octopus

Email Octopus

Collect visitor email addresses directly on your Carrd site. Integrates with the native Carrd forms.

Elfsight

Elfsight

Upgrade your Carrd website without coding. Read about how to use Elfsight with Carrd.

CleanShot X

CleanShot X

Every website image on this site is created with CleanShot X.

Fathom Analytics

Fathom Analytics

Fathom Analytics is a GDPR complaint version of Google Analytics. Check out our stats for this page.

Streamline Icons

Streamline Icons

Choose from over 130,000 icons (8,500+ free) for your Carrd website.

Memberstack

Memberstack

Powerful user login and payments for your Carrd website. A bit complex so visit the tutorial page if you need help

MakerBadge

MakerBadge

Get the code to add a MakerBadge like the one at the bottom right of this page.

Ecwid

Ecwid

Add a shop to your Carrd website for free forever.

Tinyjar

Tinyjar

A widget that lets you control all of your donation links in one place.

MakerBadge

Adapted from the original Maker Badge by @levelsio.
Copy & Paste text to use.

<style>
.levelsio-by {
font-family:"Helvetica Neue",sans-serif;
right:0;
bottom:0;
position:fixed;
z-index:100;
border-top-left-radius: 5px;
padding: 6px;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
background:#fff;
color:#6f6f6f;
text-decoration:none;
}
.levelsio-by:hover {
background:#fff;
color:rgb(255, 71, 66); / change to your main brand color /
}
.levelsio-by img {
border-radius:100%;
width:22px;
vertical-align:middle;
}
.levelsio-by p {
margin:0;
vertical-align:middle;
display:inline;
margin-left:7px;
font-weight:500;
font-size:14px;
}
</style>
<a target="_blank" rel="noopener" class="levelsio-by" href="https://twitter.com/alxandrws/"><img src="https://secure.gravatar.com/avatar/5eaaa8259ea4e93b962f19c5d024381b" /><p>by AlxAndrws</p></a>