GradientSpector

A dead simple, Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. 😎🎨🖌 GradientSpector is a bunch of cool, fun, and cross-browser Gradient for you to use in your projects.

Basic Usage

  1. Include the stylesheet on your document's head section
<head>
  <link rel="stylesheet" href="gradientspector.min.css">
</head>
  1. Add the class name to the element you want to add gradient background.
  2. Finally you need to add one of the predefined classes (Check end of the readme):

Full Example

<div class="blu">Example</div>

Buy me a coffee

Donate via Paypal Visit my portfolio Email: epbd.saif@gmail.com

Contributing

Feel free to submit issues and pull request.

Special Thanks

uigradients

Color List

Class List

.mello
.coal
.jaipur
.purple_white
.green_and_blue
.sea_blizz
.roseanna
.yoda
.nelson
.dania
.pale_wood
.jonquil
.man_of_steel
.winter
.steel_gray
.summer
.celestial
.venice_blue
.copper
.portrait
.by design
.friday
.very blue
.eds_sunset_gradient
.misty_meadow
.sherbert
.reef
.christmas
.teal_love
.blooker20
.iiit_delhi
.purple_love
.transfile
.earthly
.kimoby_is_the_new_blue
.sand_to_blue
.vasily
.piggy pink
.soundcloud
.lemon_twist
.piglet
.citrus_peel
.deep space
.shahabi
.terminal
.solid_vault
.mango
.maldives
.relay
.endless_river
.taran_tado
.radar
.shifter
.lush
.passion
.blood_red
.kashmir
.royal
.starfall
.sunny_days
.turquoise_flow
.blue_raspberry
.what_lies_beyond
.harvey
.slight_ocean_view
.cherry
.rose_water
.sea_blue
.sirius_tamed
.haikus
.80s_purple
.bourbon
.green_beach
.curiosity_blue
.sexy_blue
.nepal
.pinot_noir
.sky
.horizon
.purple_bliss
.purple_paradise
.grade_grey
.noon_to_dusk
.back_to_earth
.monte_carlo
.mauve
.moonrise
.delicate
.titanium
.twitch
.sel
.joomla
.green_to_dark
.sylvia
.windy
.html
.vine
.pinky
.back_to_the_future
.amin
.wedding_day blues
.sweet_morning
.sunrise
.virgin
.mantle
.disco
.dawn
.alihossein
.love_couple
.pizelex
.dark_skies
.servquick
.shore
.snapchat
.megatron
.honey dew
.instagram
.ibiza_sunset
.dark_ocean
.ver
.dance_to_forget
.almost
.lunada
.king_yna
.blurry_beach
.atlas
.facebook_messenger
.moss
.purplepine
.namn
.zinc
.crystal_clear
.pure_lust
.anwar
.pastel_orange_at_the_sun
.skyline
.dusk
.politics
.dark_knight
.venice
.sin_city_red
.electric_violet
.aubergine
.decent
.socialive
.kyoo_pal
.ver_black
.cocoaa_ice
.shifty
.midnight_city
.mirage
.little_leaf
.jupiter
.lawrencium
.kye_meh
.flare
.shroom_haze
.digital_water
.mild
.quepal
.cinnamint
.red_ocean
.azure_pop
.evening_sunshine
.red_mist
.autumn
.margo
.cheer_up_emo_kid
.evening_night
.pun_yeta
.argon
.sun_on_the_horizon
.ukraine
.dimigo
.sulphur
.the_blue_lagoon
.bluelagoon
.grapefruit_sunset
.mango_pulp
.kyoo_tah
.brady_brady_fun_fun
.rose_colored_lenses
.sunset
.predawn
.between_the_clouds
.candy
.memariani
.burning_orange
.nighthawk
.kyoto
.sunkist
.purplin
.aqua_marine
.day_tripper
.bloody_mary
.minnesota_vikings
.blush
.superman
.timber
.combi
.ash
.expresso
.koko_caramel
.orange_coral
.love_and_liberty
.a_lost_memory
.deep purple
.bupe
.tranquil
.lizard
.virgin_america
.chitty_chitty_bang_bang
.playing_with_reds
.rea
.orange_fun
.miaka
.stellar
.amethyst
.bighead
.metallic toad
.opa
.shrimpy
.minimal_red
.colors_of_sky
.black_rosé
.sublime_vivid
.intuitive_purple
.light_orange
.moonlit_asteroid
.wiretap
.hersheys
.pacific dream
.meridian
.juicy_orange
.talking_to_mice_elf
.crazy orange_i
.neon_life
.azur_lane
.moon_purple
.frost
.dracula
.cherryblossoms
.bright_vault
.sublime_light
.compare_now
.alive
.rastafari
.subu
.miami dolphins
.royal_blue_petrol
.flickr
.nimvelo
.anamnisar
.suzy
.broken_hearts
.fresh_turboscent
.inbox
.jshine
.50_shades_of_grey
.moor
.telegram
.the_strain
.frozen
.master_card
.sea_weed
.cool_sky
.calm_darya
.mini
.netflix
.orca
.sage_persuasion
.forever_lost
.influenza
.mojito
.blu
.behongo
.neuromancer
.between_night_and_day
.royal_blue
.sha_la_la
.forest
.relaxing_red
.clouds
.velvet_sun
.hydrogen
.bora_bora
.metapolis
.purpink
.scooter
.easymed
.firewatch
.petrichor
.cool_blues
.visions_of_grandeur
.blue_skies
.vanusa
.rainbow_blue
.peach
.summer_dog
.dull
.clear_sky
.red_sunset
.mystic
.emerald_water
.crimson_tide
.harmonic_energy
.deep_sea_space
.ali
.martini
.selenium
.reaqua
.limeade
.youtube
.parklife
.cosmic fusion
.dirty_fog
.hazel
.can_you feel_the_love_tonight
.lithium
.magic
.stripe
.vice_city
.aqualicious
.pink_flavour
.petrol
.ohhappiness
.under_the_lake
.poncho
.ultra_voilet
.cool_brown
.witching_hour
.army
.jodhpur

About This Project

A dead simple, Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. 😎🎨🖌

GradientSpector is a bunch of cool, fun, and cross-browser Gradient for you to use in your projects.

Visit Github Page

Get It Here

329 Total Views 6 Views Today