Card Designer Logo

Meet Card Designer

The sophisticated card ui add-on for Blocs.

image

INTRODUCING

CARD DESIGNER

Dress up your marketing messages with this custom bric for making beautiful card interfaces.


SEE IT IN ACTION
image

INTRODUCING

CARD
DESIGNER

Dress up your marketing messages with this custom bric that does the most.


SHOW ME
image

CARD
DESIGNER

#blochead.dev
Premium Blocs Developer


image

Right Again

CARD DESIGNER

Dress up your marketing messages with this custom bric that does the most.


image

CARD DESIGNER

Dress up your marketing messages with this custom bric that does the most.


GET STARTED
image
Image

COURSE 103

CULINARY
ARTS

Be sure to attend this tribute to the culinary arts and the enjoy the taste experience of a lifetime!


ENROLL

There is no better way to make a card in Blocs

A mashup of image editor, slideshow and card interface.

It’s packed with features that you might not expect in a card UI. It’s great at turning static images into rich media-like calls to action. 

How it Works

Card Designer in Blocs 3.3


Card Designer requires Blocs 3.3 or greater.

Easy to use

It’s so simple to use because everything is right in the sidebar.

Versatile

It’s safe to say that there’s not a Blocs custom bric with more options anywhere.

Saves time

Do in minutes what could take hours or even days without Card Designer.

Great results

Built to help non-designers and designers alike improve their marketing assets.

"Blocs is the best visual web builder for Mac!"

Card Designer is an add-on for Blocs.

Blocs is the fast and easy builder for making responsive websites without writing code. You can build beautiful websites with animations and multimedia using Blocs layout templates, 3rd party templates, and addons called custom brics.


Card Design requires Blocs 3.3 or greater.

For product updates, new releases and more.

The Card Designer UI

A card ui design tool that unlocks so many possibilities.

Dimensions

Set the orientation for the card . Choose betewen portrait, landscape, tall and short. Mix and match. 

Images 

Manage your card's images with the options to  add, select or delete, including retina support.

Crop Align

select the viewable area of you landscape photos when cards are a portrait shape.

Image Clipping

Special feature to deepen the browser support for some features. 

Seo Friendly

Customize your alt tags per image. adding alt values to your images is a best practice.

Image Filters and Effects

Great high quality effects, image filters, and even animation options like the Ken Burns effect. 

Top Line

Sort of like a tagline but place above the title of your card.

Transitions 

Fade and Slide transition options animation  

Slide Navigation

Select the style and position of the navigation or hide it altogether

Caption

Captions include optional top-line, title, description and a CTA button.

Beautiful Titles

The title of the caption is really the star of the card. Card titles have a lot of styling options. 

Title FX

A selection of FX that can be added to the card title. Things like drop shadow styles.

Slideshow Controls

Change the transition effect and navigation style. Set the pause timer for the autoplay.

Alignment and Position

Align your caption horrizontally and vertically. Adjust spacing and line height

Hovercard

Set the card to hide the caption’s description until mouse hover on the card

Interactions

Link to any URL with optional CTA button and button styles options as well.

Seo Friendly

Customize your alt tags per image. adding alt values to your images is a best practice.

Image Filters and Effects

Great high quality effects, image filters, and even animation options like the Ken Burns effect. 

Gradient

 Best technique gradient with multiple hues to overlay your images and color background. 

Background Colors

You can set the background colors of the caption,  card or both. Includes transparency!

Rounded Corners

Apply the super trendy rounded corners to static  images and autoplay slideshows.

Drop shadows

Apply all Bootstrap shadows small, regular, large, plus a very smooth custom XL setting.

Shadows Modes

Shadows can be set normal or hover where they animate to appear behind the card.

Zoom Mode

Uses and smooth transition to zoom into images when a mouse hovers over it.

Documentation

Well documented features so you’ll know Card Designer inside and out.

Feedback Mode

Understand how features impact things like browser compatibility and more.

There is no better way to make cards UI’s in Blocs.

Get Card Designer
$25

1 License per user.
Teams should purchase a license for each team member.

Secure payments are powered by Gumroad.com

For product updates, new releases and more.