I'm preparing the new UI components for the upcoming Tailkit 1.6 update this week! Also added a couple more variations with side content for the alternate stacked layouts!

#tailkit #tailwindcss #ui #components #dashboard #buildinpublic

It seems that creating templates by using Tailkit myself will be helpful for improving the product in the long run. Also, today I'm working on the first app template in Laravel featuring CRM pages.

#tailkit #tailwindcss #ui #design #dashboard #buildinpublic

Started setting up the main structure of the templates for Tailkit! I will most probably start off with Vue 3 and Laravel 8 templates and see how it goes. I'm planning to use AlpineJS in Laravel and Headless UI in Vue templates.

#tailkit #tailwindcss #templates #buildinpublic

The development of Tailkit's online web app is moving forward! Sneak peek not just being a static design but a working app powered by @laravelphp, @inertiajs and @vuejs 🚀

#tailkit #tailwindcss #ui #design #dashboard #webapp #buildinpublic

The mega menu is CSS only. You can use it in larger screens and create a separate navigation for mobiles. I provide such examples but you need JS to toggle them in mobile. Sneak peek time with the new design!

#tailkit #tailwindcss #ui #design #components #megamenu #buildinpublic

I further improved mega menu's design with better shadows (to match with backend dropdowns), better typography and responsive variations. Also introduced an alternate mega menu (Stripe inspired).

#tailkit #tailwindcss #ui #design #components #megamenu #buildinpublic

It also comes with a nice and fluid animation! This gif can't give it enough justice but you will get an idea of the interaction. Super smooth navigation between the available sub sections.

#tailkit #tailwindcss #ui #design #components #megamenu #buildinpublic

I've made some good progress on the upcoming mega menu component for Tailkit today. What do you think?

#tailkit #tailwindcss #ui #design #components #megamenu #buildinpublic

It's Friday already and the weekend is almost upon us! Another checkout form design inspired by Stripe's layout with extra customer info and order summary. On its way for Tailkit 1.5 update 😉

#tailkit #tailwindcss #ui #design #components #ecommerce #buildinpublic

I really enjoyed designing this stripe inspired checkout form. On the left, you have a summary of your order and on the right, the card payment form emphasized with the white background and primary buttons.

#tailkit #tailwindcss #ui #design #components #ecommerce #buildinpublic

Grabbed a freebie I created for our newsletter and integrated it into Tailkit. Sneak peek with shopping cart and payment card form! I will also work on
a more detailed checkout with more info (address etc).

#tailkit #tailwindcss #ui #design #components #ecommerce #buildinpublic

Took the updated icon/feature design, mixed it up a bit with the existing image to the side layout and voilà! Vertical card features with hover effect.

#tailkit #tailwindcss #components #ui #design #buildinpublic

Designed an alternate features list with fresh icon box design, centered icons/titles and animated boxes on feature hover.

#tailkit #tailwindcss #components #ui #design #buildinpublic