Forem: Learn Together

Create a Chat UI with Tailwind CSS and Next.js

Learn Together — Fri, 03 May 2024 11:44:20 +0000

Chat UI Template with Tailwind CSS and Next.js (HTML & CSS)

Follow the tutorial and create you own CHAT UI template

Super Clean UI Template
Beautiful Chat UI Template
Minimal Chat UI Template
Modern Chat UI Template
Next.js support
React support
Multiple components

Tech stack:

Next.js
React js
TAILWIND CSS
JSX

Source Code:

Tailwind CSS HTML Version Source Code Download
Tailwind CSS Next.js Version Souce Code Download

Youtube video

How to build Chat UI with Tailwind CSS Template (3 columns)

Learn Together — Mon, 21 Aug 2023 14:29:07 +0000

Create this Tailwind CSS CHAT UI in your application. Follow the step by step tutorial

Super Clean UI Template
Beautiful Chat UI Template
Minimal Chat UI Template
Modern Chat UI Template

HTML & CSS
TAILWIND CSS

This is the original tutorial:

Minimal Blog template with Tailwind CSS

Learn Together — Sat, 02 Jul 2022 10:19:21 +0000

Minimal Blog template with Tailwind CSS.

In this tutorial video we create a minimal blog template with Tailwind CSS. We create a very modern looking blog/magazine front page with tailwind.

Youtube video

Login page with Tailwind CSS

Learn Together — Thu, 16 Jun 2022 21:17:47 +0000

In this tutorial video tutorial we create a Login / Sign in page with Tailwind CSS. We use instagram colors. We create a very modern looking login page.

Subscribe please! :)

Youtube video

Install Laravel with Docker within 5 minutes [2022]

Learn Together — Sun, 13 Mar 2022 09:40:12 +0000

This is a tutorial about how to Install Laravel With Docker and Laravel Sail on Mac. It's an easy step by step tutorial.

Easy install within 5 minutes.

Subscribe please! :)

Youtube video

Twitter

learntogether

@itlearntogether

Do you you know how easy is to Install Laravel with Docker and Sail? Check out!
Up and running within 5 minutes!

youtube.com/watch?v=CsE8vz…

#Laravel #coding #code #install #learning #programming #programmer

14:17 PM - 24 Apr 2021

MOVIE SLIDER EFFECT (HTML & CSS)

Learn Together — Sun, 13 Mar 2022 09:22:06 +0000

In this tutorial I create a moving movie slider. I use HTML and CSS. No javascript required. Only CSS animation.

Subscribe please! :)

Youtube video

Twitter

// Detect dark theme var iframe = document.getElementById('tweet-1502014900826218497-469'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1502014900826218497&theme=dark" }

netflix #hbo #hbomax #slider #movie #carousel #html #css #video #tutorial

How To Create a Pricing Table with TAILWIND CSS

Learn Together — Sun, 09 Jan 2022 20:11:37 +0000

In this coding video tutorial, I will show you how to create a Pricing Table with Tailwind CSS. You can follow along.

Easy to implement
FREE SOURCE CODE
FOLLOW ALONG

Subscribe please! :)

Youtube video

Twitter

// Detect dark theme var iframe = document.getElementById('tweet-1480267557668102150-545'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1480267557668102150&theme=dark" }

How To build a Chat UI with dark/light version and TAILWIND CSS

Learn Together — Mon, 27 Dec 2021 19:49:42 +0000

In this coding video tutorial, I will show you how to build a Dark Template Chat UI. You can follow along.

Easy to implement
modern minimal design
dark and light chat ui template
FOLLOW ALONG

Subscribe please! :)

Youtube video

Twitter

learntogether

@itlearntogether

New Tutorial! 🥳

Chat UI - Dark/Light Template with TAILWIND CSS

youtube.com/watch?v=ivKl89…

#tailwindcss #CSS #HTML #code #codeing #programmingisfun

21:48 PM - 26 Dec 2021