Zoltán Szőgyényi

@zoltan

799 Points 4 Followers

76 Posts

0 Answers

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

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

Customer service pages for e-commerce built with Tailwind CSS

E-commerce is a huge part of today's internet and Tailwind CSS has been a growing CSS framework that more and more developers are adopting. I'd like to share with you a couple of customer se...

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

Tailwind CSS product overview components built for E-commerce websites

E-commerce has been a growing industry in the past few years and it has been the important part of the web development industry as well. Today I'm going to show you a couple of UI component...

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

Open-source timepicker components for Tailwind CSS

The timepicker component from Flowbite can be used to choose the hours and minutes of a given day through the usage of input fields such as the native HTML time field or even checkbox fields...

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

Open-source "copy to clipboard" components built with Tailwind CSS

The copy to clipboard component allows you to copy text, lines of code, contact details or any other data to the clipboard with a single click on a trigger element such as a button. This com...

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

Open-source chat bubble components built with Tailwind CSS

Hey developers! In this article I will show you a collection of chat bubble components built with Tailwind CSS and the Flowbite UI library. Both technologies are open-source and you'll learn...

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

Open-source phone input components coded with Tailwind CSS

Hey developers! In this article I would like to show you a collection of open-source UI phone input UI components coded with Tailwind CSS and Flowbite that you can use to introduce phone num...

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

Open-source number input component examples with Tailwind CSS

Hey everyone, In this article I'll show you a collection of number input components coded with Tailwind CSS that you can use in your project to allow users to introduce all type of number fo...

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

Tailwind CSS RTL support for UI components (Flowbite)

In this guide you'll learn how to set up RTL support when using Tailwind CSS and also learn how to easily integrate the UI components from Flowbite on a copy-paste basis with full RTL suppor...

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

Learn how to use JavaScript to power UI components based on Tailwind CSS

In this tutorial you will learn how to leverage JavaScript and the open-source UI component library called Flowbite together with Tailwind CSS to power UI components such as dropdowns, modal...

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

How to install Blazor (.NET) with Flowbite and Tailwind CSS

Blazor is an open source .NET framework for building dynamic and interactive frontends for your applications with HTML, C#, and Razor templates. Blazor allows you to compose components direc...
1

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

Learn how to install and use the Qwik, Tailwind CSS, and Flowbite stack

In this tutorial I want to show you how to create a new Qwik project, configure Tailwind CSS and install the UI component library called Flowbite so you can use a modern and instant-loading...

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

Open-source chart components built with Tailwind CSS, Flowbite and ApexCharts

The chart components from the Flowbite Library are open-source under the MIT license and they are styled with the utility classes from Tailwind CSS and based on the open-source ApexCharts li...

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

Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite

In this tutorial you will learn how to properly set up and create a new Meteor.js project with Tailwind CSS configured automatically and learn how to leverage an open-source UI component lib...

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

How to install Angular with Tailwind CSS and the UI components from Flowbite

Angular is a free and open-source single-page web framework written in TypeScript used by millions of developers and projects that can help you build and scale your web applications by using...

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

Flowbite Icons - free and open-source SVG icons

Hey devs of Devdojo 👋 I am one of the open-source contributors from the Flowbite community and last week we have launched a project that we've been working on for almost two years - a colle...

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

How to build a phone mockup using only Tailwind CSS

Today I would like to show you how you can easily create a phone device mockup using only the classes from Tailwind CSS - these components are usually used for hero and CTA sections and usin...

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

How to build an application shell layout for Tailwind CSS

Today I would like to show how you can build a simple application shell layouts with a sticky sidebar, navbar and main content area using Tailwind CSS and the Flowbite Library. Here's a prev...

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

Flowbite Svelte - Open-source UI component library

Flowbite Svelte is a free and open-source UI component library based on the core Flowbite components and built with native Svelte components and interactivity handling. This library features...
1

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

How to build a jumbotron component using Tailwind CSS and Flowbite

In this tutorial I would like to show you how you can build a jumbotron (hero) component using the utility-first CSS framework called Tailwind CSS and also leverage the UI components from th...

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

How to build a portfolio section with Tailwind CSS and Flowbite

Every web developer or designer should have a portfolio section on their personal website so today I'm going to show you how you can build a simple list of websites and their clients that yo...

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

How to build an image gallery with masonry grid layout in Tailwind CSS

In this tutorial, we will create a responsive image gallery component using Tailwind CSS and Flowbite. Tailwind CSS is a popular open-source utility-first CSS framework for building custom d...

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

How to build a sticky banner component using Tailwind CSS and Flowbite

Today I would like to write a tutorial on how you can code a sticky banner component that you can use to show messages or marketing CTA elements to your website users based on a banner that...

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

How to build a bottom navigation component with Tailwind CSS and Flowbite

In this tutorial, you will learn how to build a bottom navigation UI component using the utility classes from Tailwind CSS and the design system from Flowbite. A bottom navigation component...

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

How to install Phoenix (Elixir) with Tailwind CSS and Flowbite

Phoenix is a popular open-source web development framework based on the Elixir programming language that leverages the Model-View-Controller (MVC) architecture and it can be a viable alterna...

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

State of Flowbite: learn more about our results from 2022 and what we plan to build this year

Disclaimer: this article was NOT generated by chatGPT 🤖 My name is Zoltán and I am one of the original founders and current project maintainers of the Flowbite ecosystem alongside with Robe...

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

How to install Symfony with Flowbite and Tailwind CSS

Symfony is one of the definitive web application frameworks in the PHP ecosystem offering over 50 stadalone PHP components and a MVC framework for your web application that you can use to bu...

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

Learn how to install SolidJS with Flowbite and Tailwind CSS

SolidJS is a popular and open-source declarative JavaScript library that empowers reactive UI interfaces for the web that ensures a performant benchmark, leverages the flexibility of JSX and...

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

How to install Gatsby with Tailwind CSS and Flowbite

Gatsby is a popular open-source static site generator framework built on top of Node.js, React, and GraphQL that allows you to build websites using content sources such as Markdown, MDX and...

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

How to install Astro with Tailwind CSS and Flowbite

Astro is a full stack web framework for building lightning fast and content-focused websites featuring component islands, server-first API design, edge-ready deployments and supports hundred...

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

How to install Remix with Flowbite and Tailwind CSS

Remix is a new and increasingly popular full-stack web framework based on React that allows you to build websites with quicker page load by leveraging distributed systems and using the nativ...

Loading More Content