Learn Tamagui

light mode

Change tint with the dropdown below

Just looking for an example of how some of the common components look in different themes? You've come to the right place. Try adjusting tint in both light and dark mode. Scroll down to see alternative sub-themes. If you're on web, try resizing your browser window to see how the layout adapts to different screen sizes. You can also visit this site or try the app (via expo) on your mobile device.

Seems like a weird use-case for a mobile app, Johnathan, why make one?

Well... just to prove that it works!

Base Theme

Click this card. Here is some more text.

Click this card. Here is some more text.

Alt 1 Subtheme

Click this card. Here is some more text.

Click this card. Here is some more text.

Alt 2 Subtheme

Click this card. Here is some more text.

Click this card. Here is some more text.

Learn Tamagui

dark mode

Change tint with the dropdown below

Just looking for an example of how some of the common components look in different themes? You've come to the right place. Try adjusting tint in both light and dark mode. Scroll down to see alternative sub-themes. If you're on web, try resizing your browser window to see how the layout adapts to different screen sizes. You can also visit this site or try the app (via expo) on your mobile device.

Seems like a weird use-case for a mobile app, Johnathan, why make one?

Well... just to prove that it works!

Base Theme

Click this card. Here is some more text.

Click this card. Here is some more text.

Alt 1 Subtheme

Click this card. Here is some more text.

Click this card. Here is some more text.

Alt 2 Subtheme

Click this card. Here is some more text.

Click this card. Here is some more text.