Underline Gradient

underlined gradient using background color

This tailwind example is contributed by Nikolai, on 11-Mar-2024. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Typography, Title, h1, h2, h3

Heading Gradient

Author Nikolai

Tailwind v3.4 3.4k 5

Fork Fullscreen

Related Examples

Text with gradient underline
Gradient Underline Text. Decorate your text with a gradient underline for a modern touch.

Anonymous

2 years ago

11.6k
Text gradient
very subtle gradients for beautiful headings

Mr Robot

4 years ago

12.6k
Heading with gradient

Prajwal Hallale

3 years ago

9.6k
Text Animation

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

1.8k
Modern Neon Gradient with Diagonal Script
(Purple/Blue/Pink Color Scheme)

KULDEEP

1 year ago

1.7k
Frorest Green Gradient

Mohit Prajapati

3 years ago

13.3k
basichtml
this is basic html

Anonymous

1 year ago

919
vav bar
html , css

Hacker Development

1 year ago

1.5k
Welcome to Cinema
The design captures the magic and glamour of cinema with a modern, interactive interface that would definitely make users stop scrolling and say "whoa!" The color scheme uses cinematic blacks and golds with vibrant accent colors, while the animations bring the interface to life without overwhelming the content

Augustin

1 year ago

1.3k
"Visit Rwanda" tourism website focusing on wildlife, particularly mountain gorillas
Key Features of This Rwanda Tourism Website: Focus on Mountain Gorillas ("Ingagi"): Dedicated section highlighting gorilla trekking experiences Information about conservation efforts Booking options for gorilla permits Wildlife Showcase: Featured animals including gorillas, golden monkeys, elephants, lions, and more Beautiful image cards for each species Conservation-focused messaging National Parks Information: Sections on Volcanoes, Akagera, and Nyungwe National Parks Visual highlights of each park's unique features User Experience: Responsive design that works on all devices Attractive color scheme inspired by Rwanda's landscapes Easy navigation with clear calls-to-action Practical Information: Contact form for tour inquiries Testimonials from previous visitors Footer with important links and contact details

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.6k
Mango gradient

Mohit Prajapati

4 years ago

12.8k
Gradient Button
These buttons use a style that includes two contrasted colors creating an impressive mesh gradient effect.

Md. Tofayel islam

2 years ago

4.9k