molecules

On this page we find molecules, relatively simple groups of UI elements functioning as a unit.

As the molecules are totally dependent on the design, they will be unique for each project. On this page we show you two examples to illustrate this typology of elements, but it is up to you to create the right molecules according to your design needs. Use atoms to create the molecules that will define the interface of your website.

Summer 2022 Registration begins in
Summer 2022 Registration ends in
Richtexts

Professional renders in Cinema 4D always look so dang good. How can you improve your projects and take your design to the next level?

H2 - What's a Rich Text element?

h3 - What's a Rich Text element?

h4 - Subheading in Figma design "Labels"

h5 - This is a subheading and where it goes in the document flow

Even though you can send renders to Media Encoder with a native Creative Cloud workflow, they're still not using multiple cores to get the job done. This is what makes BGRender Max so special.

Now you can use all of your machine!

The tool works like magic. And while we're normally scared of witchcraft, BG Renderer Max gets a pass because it has significantly reduced our render times.

Link

  • List Item
  • List Item
  • List Item
  • List Item
"A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!"

H1 - What’s a Rich Text element?

H2 - What's a Rich Text element?

h3 - What's a Rich Text element?

h4 - Subheading in Figma design "Labels"

h5 - This is a subheading and where it goes in the document flow

Even though you can send renders to Media Encoder with a native Creative Cloud workflow, they're still not using multiple cores to get the job done. This is what makes BGRender Max so special.

Now you can use all of your machine!

The tool works like magic. And while we're normally scared of witchcraft, BG Renderer Max gets a pass because it has significantly reduced our render times.

Link

  • List Item
  • List Item
  • List Item
  • List Item
"A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!"

Professional renders in Cinema 4D always look so dang good. How can you improve your projects and take your design to the next level?

H2 - What's a Rich Text element?

h3 - What's a Rich Text element?

h4 - Subheading in Figma design "Labels"

h5 - This is a subheading and where it goes in the document flow

Even though you can send renders to Media Encoder with a native Creative Cloud workflow, they're still not using multiple cores to get the job done. This is what makes BGRender Max so special.

Now you can use all of your machine!

The tool works like magic. And while we're normally scared of witchcraft, BG Renderer Max gets a pass because it has significantly reduced our render times.

Link

  • List Item
  • List Item
  • List Item
  • List Item
"A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!"
Test caption title
An image of a folder of assets
Download the After Effects project from this tutorial for free!

We’ll also keep you in the loop with industry news and exclusive content and offers for our subscribers. No spamsies.

THIS IS A LABEL

This is a title

This is a title

This is a subtitle o a extra text

This is a subtitle o a extra text

This is a subtitle o a extra text

Button Text
THIS IS A LABEL

This is a title

This is a title

This is a subtitle o a extra text

This is a subtitle o a extra text

This is a subtitle o a extra text

This is a subtitle o a extra text

Button Text

Esta es una tareja de entrada de blog.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Lorem ipsum dolor sit amet
FRESHEST

What's New?

Learn and be inspired with the world’s most helpful motion design blog, featuring video tutorials, articles,
and podcast interviews.

Podcast
The Secret Sauce: A Chat with Jay Grandin of Giant Ant

Ready to go on a drawing adventure? Here are the system and hardware requirements you need to get started rendering your silly little...

Adobe Photoshop Icon
Article
Freelancing is the next thing you should learn

Ready to go on a drawing adventure? Here are the system and hardware requirements you need to get started rendering your silly little...

Adobe Illustrator Icon
Adobe Photoshop Icon
Adobe Photoshop Icon
Tutorial
After Effects v14: A Review of New Features

Ready to go on a drawing adventure? Here are the system and hardware requirements you need to get started rendering your silly little...

Latest

Tutorials

Adobe Photoshop Icon
Quick Tip: Exaggerate Animation with Squash and Stretch

The Path To MoGraph is a short online 10-day course where you’ll get an in-depth look at what it’s like being a Motion Designer.

Adobe Illustrator Icon
Adobe Photoshop Icon
Quick Tip: Exaggerate Animation with Squash and Stretch

The Path To MoGraph is a short online 10-day course where you’ll get an in-depth look at what it’s like being a Motion Designer.

Latest

Podcasts

The Secret Sauce: A Chat with Jay Grandin of Giant Ant
The Secret Sauce: A Chat with Jay Grandin of Giant Ant
Latest

Articles

Adobe Photoshop Icon
Multicore Rendering is Back with BG Renderer MAX

Ready to go on a drawing adventure? Here are the system and hardware requirements you need to get started rendering your silly little...

Adobe Illustrator Icon
Adobe Photoshop Icon
Multicore Rendering is Back with BG Renderer MAX

Ready to go on a drawing adventure? Here are the system and hardware requirements you need to get started rendering your silly little...

Adobe Photoshop Icon
Multicore Rendering is Back with BG Renderer MAX

Ready to go on a drawing adventure? Here are the system and hardware requirements you need to get started rendering your silly little...

Adobe Photoshop Icon
Quick Tip: Exaggerate Animation with Squash and Stretch

The Path To MoGraph is a short online 10-day course where you’ll get an in-depth look at what it’s like being a Motion Designer.

Adobe Photoshop Icon
Quick Tip: Exaggerate Animation with Squash and Stretch

The Path To MoGraph is a short online 10-day course where you’ll get an in-depth look at what it’s like being a Motion Designer.

Adobe Photoshop Icon
Quick Tip: Exaggerate Animation with Squash and Stretch

The Path To MoGraph is a short online 10-day course where you’ll get an in-depth look at what it’s like being a Motion Designer.