Element UI is best viewed on desktop
Sign up freeUnlock Pro

Compare plans table

Pro

A polished two-plan pricing table with a monthly and yearly toggle, designed to make choosing effortless and turn browsers into buyers.

Released
Built with
Needs Elementor Pro. Its CSS sits in the Custom CSS field, an Elementor Pro feature.
Widgets
Container, Heading, Text editor, Button, Icon List, Tabs
Custom code
CSS

How it works

The monthly and yearly views are handled with a Tabs widget, so switching between them swaps the pricing instantly without loading a new section. The whole table sits inside a Container with a little custom CSS for the positioning and z index. Edit the plans and colors directly in Elementor.

Custom CSS

The CSS to make the animation for this power up is included in the top level parent container Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.