Zoltán Szőgyényi

@zoltan

614 Points 4 Followers

43 Posts

0 Answers

Contributor to open source. Indie hacker, web developer, and authentic optimist.

Zoltán Szőgyényi · 1 week ago

How to build a speed dial component with Tailwind CSS and JavaScript

In this article I will show you how to build and use a speed dial component for quick user actions using Tailwind CSS and Flowbite. It's a commonly used component for websites such as Gmail,...
1

Zoltán Szőgyényi · 1 month ago

Bootstrap vs Tailwind CSS - what are the differences and which one should you choose?

In this article I would like to compare the two most popular CSS framework on the market right now: Bootstrap and Tailwind CSS. I'll make a comparison in terms of popularity after which I wi...

Zoltán Szőgyényi · 1 month ago

How to build a sidenav component with Tailwind CSS and Flowbite

I've been using both Tailwind CSS and Flowbite for quite a while for building websites and user interfaces because of how fast you can build pages using the utility classes from Tailwind CSS...

Zoltán Szőgyényi · 2 months ago

How to build a blog template with Tailwind CSS and Flowbite

Tailwind CSS is one of my favourite frameworks to work with when I want to quickly build a page because of how easy it is to directly style the elements from the template without having to a...

Zoltán Szőgyényi · 3 months ago

How to build a blockquote component in Tailwind CSS

A few months ago I started a series of articles where I show you how to build commonly used UI components in Tailwind CSS such as navbars, modals, buttons, carousel sliders, and more. Today...

Zoltán Szőgyényi · 3 months ago

I built a collection of popover components with Tailwind CSS

Hello devs 👋 Me and my friends built a collection of popover components using the utility-first Tailwind CSS framework classes and building a JavaScript integration with the Flowbite compon...

Zoltán Szőgyényi · 4 months ago

How to install Tailwind CSS inside a Next.js project

In this tutorial you will learn how to set up Tailwind CSS inside a Next.js project and optionally also install the Flowbite React package to get started with open-source components. Disclai...

Zoltán Szőgyényi · 4 months ago

How to install Flask with Tailwind CSS and Flowbite

In this tutorial you will learn how to set up a Flask project together with Tailwind CSS and the Flowbite component library. Disclaimer: read the full guide on the Tailwind CSS Flask documen...

Zoltán Szőgyényi · 4 months ago

I built a collection of open-source drawer components for Tailwind CSS

Hey dev community 👋 Together with my friends from the Flowbite community, we are shipping a brand new Drawer component that lets you show or hide an off-canvas element relative to the docum...

Zoltán Szőgyényi · 4 months ago

Show devdojo: I built a free collection of skeleton loaders using Tailwind CSS

Hey devs 👋 Me and my friends from Flowbite built a collection of animated and accessible skeleton loaders for Tailwind CSS that you can use as a placeholder when fetching data for the serve...

Zoltán Szőgyényi · 4 months ago

How to build a mega menu with Tailwind CSS and Flowbite

Since a few months ago I have started a series of tutorials on how to build some of the most commonly used UI components in Tailwind CSS and Flowbite and today I would like to show you how t...

Zoltán Szőgyényi · 4 months ago

Resource: free and open-source landing page for Tailwind CSS

Hey devs 👋 Together with my friends we have designed and built a totally free and open-source landing page for Tailwind CSS based on the Flowbite components. It features a responsive layout...

Zoltán Szőgyényi · 5 months ago

How to build a pricing table with Tailwind CSS and Flowbite

Today I want to show you how you can build a simple pricing table that you can use for a website where you want to sell a product or subscription by building it with Tailwind CSS and Flowbit...

Zoltán Szőgyényi · 5 months ago

How to build a hero section in Tailwind CSS with Flowbite

A hero component is one of the most important parts of a website because it is the first section to appear "above the fold" and you can increase the change for the website visitor...

Zoltán Szőgyényi · 5 months ago

How to build a responsive header component with Tailwind CSS

Today I would like to show you how you can build a responsive header component using Tailwind CSS and Flowbite including a hamburger icon which when it is clicked will also show a menu on a...

Zoltán Szőgyényi · 5 months ago

Build a landing page in 5 minutes with Tailwind CSS and Flowbite

Greetings to all developers! I'm one of the founders and project maintainers of the Flowbite Library, one of the most popular collection of UI components built on top of the Tailwind CSS fra...

Zoltán Szőgyényi · 6 months ago

How to install Django with Tailwind CSS and Flowbite

Django is an open-source web framework following the model-template-views architecture built in Python currently maintained by the Django Software Organization. It is currently being used by...
1

Zoltán Szőgyényi · 6 months ago

How to set up Ruby on Rails with Tailwind CSS and Flowbite

Disclaimer: this guide has been first published on the Flowbite integration docs for Tailwind CSS and Ruby on Rails. Ruby on Rails is an open-source full-stack web application framework that...
4

Zoltán Szőgyényi · 6 months ago

How to build textarea components using Tailwind CSS and Flowbite

The textarea element is an important part of a form component because you can receive a larger amount of text from your users based on one or more horizontal rows. Today I would like to show...
1

Zoltán Szőgyényi · 6 months ago

How to build a search bar component with Tailwind CSS and Flowbite

One of my favourite front-end stacks to work with when building website pages is Tailwind CSS and Flowbite because of the utility-first approach and the large collection of interactive compo...
1

Zoltán Szőgyényi · 6 months ago

How to build a Tailwind CSS Select Dropdown component with Flowbite

Tailwind CSS and Flowbite has been one of my favourite front-end stacks to work with when building a website mostly because of the speed of development, performance, and the fact that I neve...
1

Zoltán Szőgyényi · 7 months ago

How to build a search input component with Tailwind CSS and Flowbite

I've been using Tailwind CSS and Flowbite for quite a while when developing websites, mostly because of how fast and efficiently I can build pages using the utility classes and the pre-built...

Zoltán Szőgyényi · 7 months ago

How to use a custom file input element with Tailwind CSS and Flowbite

Today I want to show you how you can use a custom styled file input element based on multiple styles and sizes using the utility classes from Tailwind CSS and components from Flowbite. Flowb...

Zoltán Szőgyényi · 7 months ago

Tailwind CSS input field examples from Flowbite

Today I would like to show you a few examples of input fields selected from the Flowbite library and how you can work with them if you have a Tailwind CSS project. Flowbite is the most popul...

Zoltán Szőgyényi · 8 months ago

WordPress Gutenberg Tutorial - Learn how to get started with custom blocks using the Bergify theme

In this article I will talk about the history of WordPress and how it came to be the most popular CMS on the web and how the new Gutenberg full-site editor is considered a viable free option...

Zoltán Szőgyényi · 8 months ago

How to build rating star components with Tailwind CSS and Flowbite

For the past year my favorite CSS framework of choice is Tailwind CSS coupled with Flowbite because of the utility-first approach and the interactive elements from Flowbite built using these...

Zoltán Szőgyényi · 8 months ago

Building a Tailwind CSS Avatar component with Flowbite

One of my favourite technologies when building UI interfaces for websites is Tailwind CSS and Flowbite. Tailwind CSS is a rapidly growing CSS framework due to its utility-first approach when...

Zoltán Szőgyényi · 8 months ago

How to use a carousel slider with Tailwind CSS and Flowbite

One of my favorite frameworks to work with when building user interfaces is Tailwind CSS coupled with Flowbite because of the utility first approach and the components from Flowbite. Today...
1

Zoltán Szőgyényi · 9 months ago

How to install Tailwind CSS with Svelte and Flowbite

Svelte is a modern and growing front-end compiler. Developers build boilerplate-free components using languages HTML, CSS and JavaScript. Svelte compiles your code to tiny, framework-less va...

Zoltán Szőgyényi · 9 months ago

How to build a sidebar component with Tailwind CSS and Flowbite

One of my favorite front-end development stacks right now is Tailwind CSS and Flowbite, because the utility classes from Tailwind makes it really easy to build flexible and lightweight UI in...
4

Loading More Content