Mix Tailwind CSS Colors and generate stunning text and background gradients or use our ready-made gradients to create remarkable designs.Generate Create Your Gradient Choose if you are looking for text or back
Add degree values into background gradients. Latest version: 1.1.0, last published: a year ago. Start using tailwindcss-gradient in your project by running `npm i tailwindcss-gradient`. There is 1 other project in the npm registry using tailwindcss-gradi
Tailwind CSS - Flex Shrink Tailwind CSS - Order Tailwind CSS - Grid Template Columns Tailwind CSS - Grid Column Start / End Tailwind CSS - Grid Template Rows Tailwind CSS - Grid Row Start / End Tailwind CSS - Grid Auto Flow Tailwind CSS - Grid Auto Columns Tailwind CSS - Grid Auto Rows...
Background Colors By default, Tailwind makes the entiredefault color paletteavailable as gradient color stops. You cancustomize your color paletteby editing thetheme.colorsvariable in yourtailwind.config.jsfile, or customize just your gradient color stop colors using thetheme.gradientColorStopssection of...
You can configure which values and variants are generated by this plugin under the backgroundImage and borderWidth key in your tailwind.config.js file:// tailwind.config.js module.exports = { theme: { extend: { backgroundImage: { 'gradient-1': 'linear-gradient(90deg, #F54200 0%, #F5...
Create Stunning CSS Gradients in Seconds Visually design linear, radial, conic, and mesh gradients with our visual editors, or browse our collection of premade gradients. Create Your GradientBrowse Collection Cosmic Fusion background: linear-gradient(to right, #9333ea, #ec4899);Copy CSS 100+ Gra...
Before (tailwindcss@4.0.1) .gradient-upleveled-image { background-image: linear-gradient(170deg,var(--tw-gradient-stops)),url(/bg.webp); --tw-gradient-from: color-mix(in oklab,var(--color-hotPink)93%,#0000); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-po...
Create stunning polygon backgrounds in seconds – with full control over colors, geometry, and style! Polygon Background Generator byEugenio Ciccale•Paid 26 30.9k Generate unique complex gradients supa fast! Ruri Gradiator byKB•Paid 976 ...
Your website’s background plays a crucial role in creating a memorable first impression. A static, single-color background may not be enough to capture attention and engage users. To create a more dynamic and attractive design, you can use CSS gradients. Instead of using a simple color fil...
A Mobile Application that provides AI features such as Image Generation and Background Image Removal androidtypescriptreact-nativereact-navigationcloudinaryeasflutterwaveexporeact-native-webviewimage-transformationappwritezustandexpo-linear-gradientappwrite-functionnativewind ...