Empty States

6 UI Blocks Example

empty_state_6
Add members

You haven't added any members to your project yet. As the owner of this project, you can manage team members' permission.

Members previously added to projects
John Arnold

Front-end developer

Alex Doe

Python developer

John Arnold

Front-end developer

Alex Doe

Python developer

empty_state_6
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/users-three-svgrepo-com.svg[/icon]
  [section_title]Add members[/section_title]
  [subtitle]You haven't added any members to your project yet. As the owner of this project, you can manage team members' permission.[/subtitle]
  [list_header]Members previously added to projects[/list_header]
  [item new]
    [col_class]col-sm-6[/col_class]
    [image]https://via.placeholder.com/40x40[/image]
    [title]John Arnold[/title]
    [subtitle]Front-end developer[/subtitle]
    [btn_icon]icon-add[/btn_icon]
    [btn_link]#[/btn_link]
    [btn_label]Add[/btn_label]
  [/item]
  [item new]
    [col_class]col-sm-6[/col_class]
    [image]https://via.placeholder.com/40x40[/image]
    [title]Alex Doe[/title]
    [subtitle]Python developer[/subtitle]
    [btn_icon]icon-add[/btn_icon]
    [btn_link]#[/btn_link]
    [btn_label]Add[/btn_label]
  [/item]
  [item new]
    [col_class]col-sm-6[/col_class]
    [image]https://via.placeholder.com/40x40[/image]
    [title]John Arnold[/title]
    [subtitle]Front-end developer[/subtitle]
    [btn_icon]icon-add[/btn_icon]
    [btn_link]#[/btn_link]
    [btn_label]Add[/btn_label]
  [/item]
  [item new]
    [col_class]col-sm-6[/col_class]
    [image]https://via.placeholder.com/40x40[/image]
    [title]Alex Doe[/title]
    [subtitle]Python developer[/subtitle]
    [btn_icon]icon-add[/btn_icon]
    [btn_link]#[/btn_link]
    [btn_label]Add[/btn_label]
  [/item]
[/arr.create]
[uiblocks.empty-states.empty_state_6 data="{template.data}" /]
                        
                      
empty_state_5

Projects

You haven't created a project yet. Get started by selecting a template or start from an empty project.


Create a list

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Create an emailer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

empty_state_5
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [title]Projects[/title]
  [subtitle]You haven't created a project yet. Get started by selecting a template or start from an empty project.[/subtitle]
  [footer_link]#[/footer_link]
  [footer_link_label]Or start from an empty project[/footer_link_label]
  [item new]
    [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/option.png[/icon]
    [icon_bg]#f00[/icon_bg]
    [title]Create a list[/title]
    [desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
    [link]#[/link]
  [/item]
  [item new]
    [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/email.png[/icon]
    [icon_bg]#0f0[/icon_bg]
    [title]Create an emailer[/title]
    [desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
    [link]#[/link]
  [/item]
[/arr.create]
[uiblocks.empty-states.empty_state_5 data="{template.data}" /]
                        
                      
empty_state_4
Add members

You haven't added any members to your project yet. As the owner of this project, you can manage team members' permission.

Members previously added to projects
John Arnold

Front-end developer

Add
Alex Doe

Python developer

Add
empty_state_4
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/users-three-svgrepo-com.svg[/icon]
  [section_title]Add members[/section_title]
  [subtitle]You haven't added any members to your project yet. As the owner of this project, you can manage team members' permission.[/subtitle]
  [list_header]Members previously added to projects[/list_header]
  [item new]
    [image]https://via.placeholder.com/40x40[/image]
    [title]John Arnold[/title]
    [subtitle]Front-end developer[/subtitle]
    [btn_icon]icon-add[/btn_icon]
    [btn_link]#[/btn_link]
    [btn_label]Add[/btn_label]
  [/item]
  [item new]
    [image]https://via.placeholder.com/40x40[/image]
    [title]Alex Doe[/title]
    [subtitle]Python developer[/subtitle]
    [btn_icon]icon-add[/btn_icon]
    [btn_link]#[/btn_link]
    [btn_label]Add[/btn_label]
  [/item]
[/arr.create]
[uiblocks.empty-states.empty_state_4 data="{template.data}" /]
                        
                      
empty_state_3

Projects

You haven't created a project yet. Get started by selecting a template or start from an empty project.


Create a list

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Create an emailer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Create an event

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Create a timeline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.


empty_state_3
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [title]Projects[/title]
  [subtitle]You haven't created a project yet. Get started by selecting a template or start from an empty project.[/subtitle]
  [footer_link]#[/footer_link]
  [footer_link_label]Or start from an empty project[/footer_link_label]
  [item new]
    [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/option.png[/icon]
    [icon_bg]#f00[/icon_bg]
    [title]Create a list[/title]
    [desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
    [link]#[/link]
  [/item]
  [item new]
    [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/email.png[/icon]
    [icon_bg]#0f0[/icon_bg]
    [title]Create an emailer[/title]
    [desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
    [link]#[/link]
  [/item]
  [item new]
    [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/calendar.png[/icon]
    [icon_bg]#00f[/icon_bg]
    [title]Create an event[/title]
    [desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
    [link]#[/link]
  [/item]
  [item new]
    [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/clock.png[/icon]
    [icon_bg]#ff8d00[/icon_bg]
    [title]Create a timeline[/title]
    [desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
    [link]#[/link]
  [/item]
[/arr.create]
[uiblocks.empty-states.empty_state_3 data="{template.data}" /]
                        
                      
empty_state_2
empty_state_2
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/database.png[/icon]
  [link]#[/link]
  [link_label]Create a new database[/link_label]
[/arr.create]
[uiblocks.empty-states.empty_state_2 data="{template.data}" /]
                        
                      
empty_state_1
No projects added

Get started by creating a new project.

New Project
empty_state_1
                        
                          [arr.create set="template.data"]
	[section_classes]gray-white-bg[/section_classes]
  [icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/folder-1.png[/icon]
  [title]No projects added[/title]
  [subtitle]Get started by creating a new project.[/subtitle]
  [btn_link]#[/btn_link]
  [btn_label]New Project[/btn_label]
[/arr.create]
[uiblocks.empty-states.empty_state_1 data="{template.data}" /]