Some examples built with Tabler
Get everything you need for building amazing websites
Custom avatars
Image, placeholder, status, icon, shape, link, color or maybe all of them? You can create awesome avatars with Tabler!
Simple but useful snippets
Thanks to Tabler you can build simple snippets, with which you can visualize your data. It's up to you to decide what goes in them.
Advanced cards
Ribbons, status strips, stamps, gradient backgrounds and actions in the header. Cards are the building block of every Tabler page, and they come in dozens of variants.
Empty states
No results, no data yet, nothing to show. Empty states pair an illustration with a short message and a call to action, so users always know what to do next.
Buttons for every action
Solid, outline, ghost and social buttons, with icons on either side, loading states and every theme color. Sizes from extra small to extra large.
Advanced forms
Selectable cards, image and color checks, input groups, masks, date pickers and validation states. Everything a settings or checkout page needs, styled out of the box.
Clean modals
You can put a form, a picture, a video, or maybe even something more into the modal. It will look the same every time: awesome!
Color pickers
Let users pick a team color, a label or a theme with a single click. Color checks work like radio buttons and checkboxes, so no extra JavaScript is needed.
Dark mode
Light, dark or auto. The auto mode follows the system setting, and every component, chart and illustration switches with it. No second stylesheet required.
Over 6200 free icons
You can use any icons from our free icon pack, which contains 6220 icons at the moment. Just use icon that best suits your design.
Vector maps
Show where your users, orders or visits come from on a world map or a single country. Vector maps scale to any size and follow the current color mode.
Fancy loaders and placeholders
With the Tabler, the user will not be bored while waiting for data to load and at the same time your website will become more dynamic.
Great charts
Line, area, bar, pie, radar, treemap, timeline, funnel and more, powered by ApexCharts. Chart colors come from the theme palette, so they match your brand in light and dark mode.
Useful single pages
Tabler allows you to create your own registration, login or wizard pages. Let users focus only on what is important.
Error pages
Even if your customer gets lost on your website, thanks to custom error pages they will still feel safe.