20 Elementor Content Cards – Light & Dark Mode Pack

Tired of rebuilding content blocks from scratch?

These 20 pre-styled UI cards (10 layouts × Light & Dark Mode) are perfect for creators, web designers, and DIY website builders using Elementor Free.

Clean structure, ready to drop in, no coding or Pro features needed.

What’s Inside

✅ 20 Reusable Cards

→ 10 unique layouts, each in Light and Dark Mode

→ Optimized for blog posts, profile cards, CTAs, price cards, product features & more

✅ 100% Elementor Free

→ No Pro widgets or pro subscription required

✅ Fully Responsive

→ Built to look perfect on every screen — desktop, tablet, mobile

✅ Smart Structure for SEO & Workflow

→ Proper headings (H3 instead of H1)

→ Clean Navigator (e.g. “COPY THIS”)

→ Easy to duplicate, rename, and customize

✅ Fast Customization

→ Change colors, fonts, images in seconds

→ Built with global styles in mind

LIVE DEMO

I’m thinking of sharing some free templates soon. Want to get them first? 👉 Sign up here.

Use Them For

Blog post previews
Author or team member sections
Product features or pricing sections
Lead magnets / CTAs
Hero sections and landing page blocks

Bonus for Elementor Pro Users

Got Pro? Here’s what you can do:

Connect the cards to dynamic content via Loop Grid
Auto-populate posts, profiles, or product listings
Build custom archive or listing templates — in minutes

FAQ

How do I import the templates?

Upload the .json file under Templates > Saved Templates in Elementor.

How do I use them on a page?

Open any page with Elementor → click the folder icon → “My Templates” → Insert.

How do I change fonts/colors?

Use Elementor’s Site Settings for global styles, or override styles in each card.

How do I copy and use individual cards?

Open the Navigator: In the Elementor editor, click the Navigator icon (or press CMD/CTRL + I) to open the structure panel.
Find the Card You Want: Look for the labeled sections like Card 1, Card 2, etc. and navigate to "COPY THIS".
Right-Click > Copy: Right-click on the section you want to reuse and select Copy.
Paste Anywhere: Go to your destination page or layout, right-click inside a container, and choose Paste. Done!

💡 Pro tip: You can also paste cards into template files or reusable sections to streamline your workflow.