Add icon Clear icon Create icon Date Range icon Delete icon Done icon Favorite icon Menu icon Search icon

Molecules

Molecules are groups of atoms bonded together that take on distinct new properties. In interfaces, molecules are relatively simple groups of UI elements functioning together as a unit. Forr example. a form label, a search input, and a button can join together to create a search form molecule.

When combined, these abstract atoms sudenly have a purpose. The resul is a simple, portable, reusable component that can be dropped in anywhere search functionality is needed.

  1. Goal molecules
  2. Discussion molecules
  3. Followers molecules

01. Goal molecules

Goal owner

Big blue avatar Created by Name & Last Name

Goal buttons

Goal Stats

1,148 doing this

Goal Tags

02. Discussion molecules

Add a comment

Big blue avatar

Display a comment

Big blue avatar
Name LastName 1 week ago

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus quis saepe et dignissimos beatae maiores eos eveniet perspiciatis quas, cupiditate earum, veritatis consequuntur tempora, facilis nemo molestias ex nostrum animi!

03. Followers molecules

User's name

Big blue avatar
Name & Last Name

Follower element - Follow

Big blue avatar
Name LastName 3 Goals

Follower element - Unfollow

Big blue avatar
Name LastName 3 Goals