linear-gradient

There are 0 repository under linear-gradient topic.

• FullstackStation / react-native-svg-animated-linear-gradient

  A wrap SVG component for animated linear gradient

  react-nativesvgexpolinear-gradientanimated
  Language:JavaScript 435

• maxkonovalov / MKGradientView

  🌈 Highly customizable Core Graphics based gradient view for iOS

  gradientconical-gradientbilinear-gradientlinear-gradientaxial-gradientcircular-gradientfour-point-gradientiosswiftgradient-view
  Language:Swift 175

• catalinmiron / react-native-css-gradient

  React Native css gradients - react-native-linear-gradient with css gradient support

  csscss-gradientexpogradientgradientslinear-gradientnativereactreact-nativerepeating-gradients
  Language:JavaScript 171

• douglasjunior / react-native-gradient-shimmer

  ⚛ A pure JavaScript, performant, typed shimmer component for Android, iOS and Web

  androidanimatedioslinear-gradientreact-nativeshimmerskeletonwebplaceholder
  Language:TypeScript 56

• nishantpainter / made-in-india-css

  🎨 Tricolor background patterns created using CSS linear and radial gradients.

  cssgradientslinear-gradientradial-gradientgradient-backgroundindia-cssindiamade-in-indiadesign
  Language:CSS 22

• MohamedAshraf701 / gradient-icon

  The Gradient Icon package is a powerful Flutter package that enables creating gradient icons effortlessly.

  dartflutterflutter-packagecolocolorsgradientgradientsiconiconslinear-gradientpackagegradient-icon
  Language:C++ 20

• arunabhverma / expo-linear-modal-example

  📱 Linear modal example Expo and Reanimated 🤟

  blurexpoflatlistioslayout-transitionlinearlinear-gradientreact-nativereanimated
  Language:TypeScript 18

• LCweb-ita / LC-color-picker

  The colorpicker for modern web

  javascriptjavascript-pluginvanilla-javascriptcolor-pickergradientsgradientlinear-gradient-generatorradial-gradientlinear-gradient
  Language:JavaScript 13

• crimson-projects / random-gradient-color-with-javascript

  Random Gradient Color with JavaScript | Crimson

  javascriptlinear-gradientrandomrandom-js
  Language:JavaScript 8

• Mhyar-nsi / linear-gradient-Background-Animation-Generator

  linear-gradient Background Animation Generator.

  linear-gradientjavascriptjslinear-gradient-generatorlinear-gradientslinear-gradient-backgroundlinear-gradient-background-animationlinear-gradient-background-animation-generatorlinear-gradient-java-scriptlinear-gradient-js
  Language:CSS 6

• blackcodding / Light-Dark-mode-Toggle

  Implimented an Animated Light theme and Dark theme by toggling the button.

  html5css3flexanimationcss-transitionsvanilla-jsopacity-controllinear-gradient
  Language:HTML 5

• G-Mustafa1 / Colorfiul-Text-Editor

  background-colorcsshtmljavascriptlinear-gradientmedia-queriesonclick-events
  Language:HTML 5

• AsmaJalal / asma-portfolio

  framer-motionfunctional-componentslinear-gradientportfolio-websitepwareact-domreact-iconsreact-icons-componentreact-simple-typewriterreactjsslick-carousel
  Language:JavaScript 4

• sharnajh / gradient-generator

  CSS Background Gradient Generator. Built with Vanilla JavaScript.

  gradientcsslinear-gradientjavascripthtmlcolorsgenerator
  Language:CSS 4

• AsmaJalal / My_Recipe_App_React_Native

  The application allows users to view detailed information about recipes, including ingredients, creator details, and cooking instructions. - Smooth animations are incorporated to enhance the user experience, such as header animations and ingredient list animations based on scroll position.

  javascriptreactreact-nativelinear-gradientreanimatedfoodreact-hooksrecipescrollviewflatlist
  Language:JavaScript 3

• burhanyilmaz / expo-gradient-text

  A beautiful and customizable gradient text component for React Native Expo applications. Create awesome text effects with smooth color gradients in any direction.

  expogradient-textlinear-gradientreact-native
  Language:TypeScript 3
• Gradient

  foo123 / Gradient

  Class to create linear, radial, conic and elliptic gradients and image patterns as bitmaps without canvas

  conic-gradientlinear-gradientradial-gradientelliptic-gradientrepeatable-pattern
  Language:JavaScript 3

• isabelamoraes / payflow

  react-nativeexpogoogle-fontsasync-storagetypescriptreact-navigationbabel-plugin-inline-dotenvdate-fnsexpo-auth-sessionexpo-barcode-scannerlinear-gradientintlreact-native-iphone-x-helperreact-native-svgreact-native-responsive-fontsizestyled-componentsuuidyup
  Language:TypeScript 3
• palgrad

  okaneco / palgrad

  Utility to generate gradients and color palettes for artists and designers

  command-line-toolstepped-gradientcolor-palettecontinuous-gradientlinear-gradientradial-gradientpalgrad
  Language:Rust 3

• wimansha / GradientAnimator

  A custom UIView with an ability to animate a linear gradient layer for a given set of colors.

  iosobjective-cgradientcustom-uiviewgradient-animationlinear-gradientgradient-background
  Language:Objective-C 3

• blackcodding / 3D-Flip-Button

  html5css3animation3d-buttonslinear-gradientadvanced-cssflexbox-css
  Language:CSS 2

• blackcodding / Analog-Clock

  html5css3vanilla-jsradial-gradientlinear-gradientjavascript-date-constructorscss-transforms
  Language:CSS 2

• blackcodding / Animated-Loading-Spinner

  html5css3css-animationsloading-spinnerflexboxlinear-gradient
  Language:CSS 2

• blackcodding / Price-Cards

  html5css3flexanimationslinear-gradientadvance-css
  Language:HTML 2

• DiestroCorleone / tech-company-site-template

  Cool, modern template for tech company website. Using grid and some cool gradients. All fonts belong to their respective owners, and were taken from the 1001freefonts website.

  csshtmlgridtemplatelinear-gradient
  Language:CSS 2

• hoseungme / linear-gradient-element

  Set linear-gradient CSS background of your element, with transition animation, interpolation

  animationcolorcsscss-animationscss-transitionslinear-gradienttransition
  Language:TypeScript 2

• isabelamoraes / planets

  react-nativeexpogoogle-fontsreact-navigationlinear-gradientmotireact-native-responsive-fontsizereact-native-svgstyled-componentstypescript
  Language:TypeScript 2

• mudassir-jmi / signup

  A responsive sign up page using hml and css

  csscss3flexboxhtml5linear-gradient
  Language:CSS 2

• pjay79 / ExpoStarter

  React Native: Expo Bare Workflow with Unimodules

  react-nativeexpounimoduleslinear-gradient
  Language:Objective-C 2

• sebastianberge / background-generator

  A simple background generator for testing linear gradients.

  htmljsjavascriptcsslinear-gradient
  Language:HTML 2

• abdulmazidakash / recap-conceptual-02

  Recap conceptual 02. discuss box-shadow, linear gradient, position, grid templates area, grid and responsive online game project.

  box-shadowgrid-template-areaslinear-gradientposition
  Language:HTML 1

• fatih-diker / lume-linear-gradient-generator

  Bu proje, basit bir linear gradient oluşturucu web uygulamasıdır. Projeyi kullanarak istediğiniz renkleri seçebilir veya "Randomly Generate" butonunu kullanarak rastgele bir gradyan oluşturabilir ve elde ettiğiniz CSS linear gradient kodunu kullanabilirsiniz.

  css3html5javascriptlinear-gradientlinear-gradient-generator
  Language:CSS 1

• jeanlrnt / GradientGenerator

  🎨 A CSS linear-gradient generator made with JavaScript

  cssgeneratorhtmljavascriptlinear-gradient
  Language:JavaScript 1

• juvenilenapuu / my-hometown-site

  ☝Solo Project : Hometown Homepage

  background-colorbackground-imagecssdivsflexboxhtmlimageslinear-gradientnavbar
  Language:HTML 1

• leonardoalmir / projeto-dev-2

  Projeto One Piece. One Piece é uma série de mangá escrita e ilustrada por Eiichiro Oda. Nesse projeto desenvolvemos uma página sobre os personagens.

  css3flexboxhtml5javascriptlinear-gradientz-index
  Language:HTML 1

• Seb-RM / Javascript_Html_Css-Gradient-Generator

  Aplicación que te permite crear gradientes de colores personalizados con dos colores y diferentes direcciones. Además, genera automáticamente el código CSS necesario para que puedas utilizarlo en tus proyectos.

  css3dom-manipulationhtml5javascriptlinear-gradient
  Language:HTML 1