INTRODUCING
CARD DESIGNER
Dress up your marketing messages with this custom bric for making beautiful card interfaces.
SEE IT IN ACTION
INTRODUCING
CARD
DESIGNER
Dress up your marketing messages with this custom bric that does the most.
SHOW ME
Right Again
CARD DESIGNER
Dress up your marketing messages with this custom bric that does the most.
CARD DESIGNER
Dress up your marketing messages with this custom bric that does the most.
GET STARTED
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.
"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