Create
Your Own Page

Explore awesome plugins and templates for your Carrd website

Plugins

all plugins are ss(responsive)tt(Adapts to any screen size)ee and easy to implement

Fixed001 Navigation

Fixed001
Navigation

Always part of your site.

This plugin keeps your navigation seamlessly fixed at the top of the screen. No need to worry about whether your site has a hero section before the navigation—it will adjust and staying where it should.You can use it with the Fixed Menu Plugin to enhance its functionality.
-
You might not need this plugin ▶ Widget - Fixed Navigation


Ingredients: CSS, JavaScript

▼ Single License - $30 USD
▼ Unlimited License - $300 USD

You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

Launched
2025-02-24

Clip002

Expand and manage your content easily

This plugin allows you to manage and display page content more dynamically. It supports multiple column layouts and sections.Use case: Contact section, Tips section


Ingredients: CSS, JavaScript

▼ Single License - $15 USD
▼ Unlimited License - $150 USD

You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

LaunchedUpdate
2025-02-272025-07-10

Shimmer003

Shimmer003

Add a small touch

Add a shimmer effect to target images as they enter the screen to make them visually attractive. You can adjust the color, width, animation start and end points, and choose whether to sync it with scrolling.


Ingredients: GSAP, CSS, JavaScript

▼ Free - receive TXT files and a PDF guide.

You'll need at least the Carrd Pro Plus Plan (with the embeds feature and advanced setting feature) to use this plugin.

launched
2025-03-05

Fixed Menu004

Fixed Menu004

Coherent navigation

This plugin transforms your carrd container into a dropdown menu that remains fixed to the navigation bar while scrolling. You can create multiple menus for different navigation categories. Even better, you can open another menu from a link within an open menu, which is especially useful for mobile devices.


Ingredients: CSS

▼ Free - receive TXT files and a PDF guide.

You'll need Fixed Navigation Plugin and at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

launched
2025-03-09

Hyper Accordion005

Hyper Accordion005

Working with Elements on the Same Level

With this plugin, you can easily manage and showcase website content by turning elements into a 2 or 3-level accordion. It’s not limited to text—it works with same-level elements and even entire containers. This helps reduce endless scrolling and improves content organization.Common use case: FAQs section
Advanced use case: Theme Toggle Demo


Ingredients: CSS, JavaScript

▼ Single License - $30 USD
▼ Unlimited License - $300 USD

You'll need at least the Carrd Pro Plus Plan (with the embeds feature and advanced setting feature) to use this plugin.

launched
2025-03-11

Icon Rotator006

Icon Rotator006

For your Icons & Buttons

This plugin lets you add interactive effects to buttons and icons when users click. You can customize the rotation direction and duration.
Also Compatible with: Fixed Navigation / Hyper Accordion


Ingredients: JavaScript

▼ Free - receive TXT files and a PDF guide.

You'll need at least the Carrd Pro Plus Plan (with the embeds feature and advanced setting feature) to use this plugin.

launched
2025-03-13

Dual Tooltip007

Dual Tooltip007

for ss(Text)tt(even Table elements)ee and Non-Text elements

With this plugin, you can add extra information to your content when users hover or click an element. It works on both text and ss(non-text elements.)tt(Icons are a common use case.)ee
You can also customize its style to fit your page design.


Ingredients: CSS, JavaScript

▼ Single License - $30 USD
▼ Unlimited License - $300 USD

You'll need at least the Carrd Pro Plus Plan (with the embeds feature and advanced setting feature) to use this plugin.

launched
2025-03-16

Rotating Badge Text008

Rotating
Badge Text008

Typography in Motion

With this plugin, you can transform the Gallery element into a Rotating Badge Text and customize its style to match your website.


Ingredients: CSS, JavaScript

▼ Free - receive TXT files and a PDF guide.

You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

launched
2025-03-19

Theme Toggle009

Theme Toggle009

Default <-> Custom

Maintain your website’s default style while creating a custom one for switching.Click the Theme icon in the navigation bar to see the effect.
You can click the Demo Arrow below to preview the changes on different elements.


Ingredients: CSS, JavaScript

▼ Single License - $30 USD
▼ Unlimited License - $300 USD

You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.
Carrd Pro Plus allows you to exclude elements from being affected or invert specific elements.

launched
2025-03-24

Text

The font color of text formatted with Markdown stays the same.

List – inverts bullet color & change the font color.

  • First item

  • Second item

  • First item

  • Second item

Button - no effect on background color.

Icon - no effect on background color.

Divider

Image - applies effect to the border.

Gallery – applies effect to the border and caption.

Timer

    Widget – no effect.

    Table

    TitleAuthorYear
    NeuromancerWilliam Gibson1984
    Snow CrashNeal Stephenson1992
    SoftwareRudy Rucker1982
    TitleAuthorYear
    NeuromancerWilliam Gibson1984
    Snow CrashNeal Stephenson1992
    SoftwareRudy Rucker1982

    Form – no effect on button's background color.

    Theme Customization Options

    • Font Color – Affects the Icon/Button icon color as well.

    • Border Color – Affects the Icon, Button, Image, Gallery, Form, Table outline-border and the container border.

    • Divider Color

    • Background Color – Applies when your website’s default background is set to a color.

    • Page Color

    • Page Border Color

    • Container Color

    • Badge Font Color – For the 008-Rotating Badge Text.

    • Badge Background Color – For the 008-Rotating Badge Text.

    • Gutters/List Bullet – Automatically inverts the color from the default color.

    Advanced Settings – For Carrd Pro Plus

    • Exclude elements from the Theme Toggle.

    • Invert specific elements.

    Overlay Tag010

    Overlay Tag010

    Buttons & Icons → Tag

    This plugin lets you easily add tags to various elements, such as images, galleries, or containers. It’s as simple as it sounds!


    Ingredients: CSS, JavaScript

    ▼ Free - receive TXT files and a PDF guide.

    You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

    launched
    2025-03-26

    Swipe Scroller011

    Swipe Scroller011

    Flexible Element Count

    Convert your container content into a horizontal scroller to showcase services or images. There is no limit on the number of elements.


    Ingredients: CSS, JavaScript

    ▼ Single License - $15 USD
    ▼ Unlimited License - $150 USD

    You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

    launched
    2025-04-02

    Introduction012

    Introduction012

    Step by Step

    This plugin lets you create step-by-step introductions for your sections. You can set it to display automatically or trigger it with a button click. The style is customizable.

    Click me to see it in action.


    Ingredients: CSS, JavaScript

    ▼ Single License - $60 USD
    ▼ Unlimited License - $600 USD

    You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

    launched
    2025-04-07

    Magnifier013

    Magnifier013

    Magnify. Focus. Discover.

    This plugin allows you to magnify images—including galleries and slideshows—to size you prefer. It also supports external image URLs as zoom sources.Simply hover over the image to see it in action.


    Ingredients: CSS, JavaScript

    ▼ Single License - $30 USD
    ▼ Unlimited License - $300 USD

    You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

    launched
    2025-04-12

    Floaty BG014

    Floaty BG014

    For the Desktop Pattern

    Add a floating animation effect to your page or container background pattern that responds to mouse movement.Hover over the area to experience it.


    Ingredients: CSS, JavaScript

    ▼ Free - receive TXT files and a PDF guide.

    You'll need at least the Carrd Pro Standard Plan (with the embeds feature) to use this plugin.

    launched
    2025-04-18

    {FAQs}

    You can use in one project for personal or commercial purposes. Resale as a standalone product or within another project is not allowed, and source files cannot be distributed.

    You can use in unlimited projects for personal or commercial purposes. Resale "as-is" is not allowed, but you may distribute or sublicense the source files as part of a larger project.

    No, the plugins are designed for easy application, and with the included PDF guide, you can set them up easily without coding knowledge.

    You will receive the plugin files and PDF guide via email shortly after payment is completed. Please check your spam/junk folder in case the email gets filtered there. Need help?

    Contact

    For customer support issues relating to a purchase please fill out the form.

    { Widget & Tips }

    { Widget }

    Fixed Navigation

    <style>
    [#container05] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    }
    [#container06] {
    visibility: hidden;
    }
    </style>

    1. Create your custom navigation container.
    2. Duplicate it to make a second one.
    3. Place both containers just before the #header control break.
    4. Replace [ #container05 ] and [ #container06 ] with the actual IDs of your containers.

    Corner elf

    <style>
    [#icons01] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10;
    }
    </style>

    1. Create your custom icon.
    2. Place the icon just before the #header or after the #footer control break.
    3. Replace [ #icons01 ] with your icon’s actual ID.

    Breathe

    <style>
    @keyframes breathe {
    0% {
    transform: scale(0.9);
    }
    100% {
    transform: scale(1.1);
    }
    }
    [#buttons01] {
    animation: breathe [2s] ease-in-out alternate infinite;
    }
    </style>

    1. Replace [#buttons01] with your element’s ID.
    2. Modify [ 2s ] to control the animation duration.

    Marquee #1

    <style>
    @keyframes marquee {
    to {
    transform: translateX(-50%);
    }
    }
    [#container05] > .wrapper {
    overflow: clip;
    }
    [#container05] > .wrapper > .inner {
    min-width: max-content !important;
    animation: marquee [20s] linear infinite;
    padding-left: calc(var(--gutters, 0px) - var(--padding-horizontal, 0px));
    }
    </style>

    1. Set up a container with two columns.
    2. Add marquee text and duplicate it into the second column.
    3. Replace [ #container05 ] with your container’s ID.
    4. Modify [ 20s ] to control the animation duration.

    { Tips }

    TagEmbed Position
    <style> ... ... </style>Head
    <script> ... ... </script>Body End
    HTML contentsInline

    Template

    • Introduction