linear-gradient | Topic | Ecosyste.ms: Repos

Topic: "linear-gradient"

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

A wrap SVG component for animated linear gradient

Language: JavaScript - Size: 4.01 MB - Last synced at: 15 days ago - Pushed at: about 3 years ago - Stars: 436 - Forks: 110

maxkonovalov/MKGradientView

🌈 Highly customizable Core Graphics based gradient view for iOS

Language: Swift - Size: 750 KB - Last synced at: 21 days ago - Pushed at: about 4 years ago - Stars: 175 - Forks: 15

catalinmiron/react-native-css-gradient

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

Language: JavaScript - Size: 4.62 MB - Last synced at: 8 days ago - Pushed at: about 2 years ago - Stars: 172 - Forks: 20

douglasjunior/react-native-gradient-shimmer

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

Language: TypeScript - Size: 15.5 MB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 48 - Forks: 1

tonton-pixel/color-ramp-formulator 📦

Algorithmically-defined color ramps generator, making use of formulas.

Language: JavaScript - Size: 10.7 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 32 - Forks: 8

nishantpainter/made-in-india-css

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

Language: CSS - Size: 140 KB - Last synced at: 1 day ago - Pushed at: over 4 years ago - Stars: 21 - Forks: 2

MohamedAshraf701/gradient-icon

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

Language: C++ - Size: 567 KB - Last synced at: 17 days ago - Pushed at: about 1 year ago - Stars: 20 - Forks: 2

arunabhverma/expo-linear-modal-example

📱 Linear modal example Expo and Reanimated 🤟

Language: TypeScript - Size: 463 KB - Last synced at: about 1 month ago - Pushed at: 6 months ago - Stars: 18 - Forks: 2

LCweb-ita/LC-color-picker

The colorpicker for modern web

Language: JavaScript - Size: 650 KB - Last synced at: 23 days ago - Pushed at: over 1 year ago - Stars: 12 - Forks: 4

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

Random Gradient Color with JavaScript | Crimson

Language: JavaScript - Size: 847 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 7 - Forks: 0

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

linear-gradient Background Animation Generator.

Language: CSS - Size: 139 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 6 - Forks: 1

blackcodding/Light-Dark-mode-Toggle

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

Language: HTML - Size: 2.81 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 5 - Forks: 0

sharnajh/gradient-generator

CSS Background Gradient Generator. Built with Vanilla JavaScript.

Language: CSS - Size: 1.2 MB - Last synced at: about 2 years ago - Pushed at: over 5 years ago - Stars: 5 - Forks: 1

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.

Language: JavaScript - Size: 96 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 3 - Forks: 0

foo123/Gradient

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

Language: JavaScript - Size: 192 KB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 3 - Forks: 0

isabelamoraes/payflow

Language: TypeScript - Size: 26.8 MB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

okaneco/palgrad

Utility to generate gradients and color palettes for artists and designers

Language: Rust - Size: 69.3 KB - Last synced at: 12 days ago - Pushed at: about 5 years ago - Stars: 3 - Forks: 0

wimansha/GradientAnimator

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

Language: Objective-C - Size: 13.3 MB - Last synced at: 13 days ago - Pushed at: over 5 years ago - Stars: 3 - Forks: 1

hoseungme/linear-gradient-element

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

Language: TypeScript - Size: 18.6 KB - Last synced at: 11 days ago - Pushed at: 4 months ago - Stars: 2 - Forks: 0

G-Mustafa1/Colorfiul-Text-Editor

Language: HTML - Size: 11.7 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

Sudhanshu-Ambastha/Animated-background-radient

this is a animated animation background gradient trying to make a flow in it

Language: HTML - Size: 8.79 KB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

mudassir-jmi/signup

A responsive sign up page using hml and css

Language: CSS - Size: 1.95 KB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

isabelamoraes/planets

Language: TypeScript - Size: 23.9 MB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

blackcodding/Price-Cards

Language: HTML - Size: 2.94 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

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.

Language: CSS - Size: 2.73 MB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 1

sebastianberge/background-generator

A simple background generator for testing linear gradients.

Language: HTML - Size: 4.88 KB - Last synced at: about 1 year ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 0

pjay79/ExpoStarter

React Native: Expo Bare Workflow with Unimodules

Language: Objective-C - Size: 15.4 MB - Last synced at: about 2 years ago - Pushed at: about 6 years ago - Stars: 2 - Forks: 0

pripoliveira50/your-feeling-app

🧠 A lightweight mood tracker app with emoji-based feedback, built with React Native and smooth screen transitions.

Language: TypeScript - Size: 1.34 MB - Last synced at: about 1 month ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

abdulmazidakash/recap-conceptual-02

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

Language: HTML - Size: 14.1 MB - Last synced at: 3 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

joaogdcarvalho/build-a-tribute-page

Free Code Camp - Certificação Treinamento Web Design Responsivo | Projeto 01 - Construa uma página tributo

Language: HTML - Size: 9.77 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 3

juvenilenapuu/my-hometown-site

☝Solo Project : Hometown Homepage

Language: HTML - Size: 1.5 MB - Last synced at: about 2 months ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

Pushpendra-1697/Simplotel

An user-interface (UI) design by using plain HTML and CSS, without using any library or frameworks.

Language: CSS - Size: 10.4 MB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

VagnerNerves/boardingpass-boracodar

I developed the Boarding Pass in React Native, where I developed the layout and added the functionality to generate QRCode according to data passed from the boarding pass.

Language: TypeScript - Size: 4.56 MB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

jmkitavi/rn-linear-gradient-example

Language: Java - Size: 1.89 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 2

mmanaclara/nlw-esports-mobile

A aplicação mobile "Find your duo" 📱 foi desenvolvida em React Native com TypeScript na Next Level Week #9 eSports da Rocketseat.

Language: TypeScript - Size: 7.43 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

AkashSCIENTIST/NeomorphicFileUpload

A Neomorphic design for file upload with stylish linear gradients

Language: CSS - Size: 332 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

Pia007/Jubilee

This a brief history of Juneteenth.

Language: HTML - Size: 160 KB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

FluffyKas/easybank-landing-page

My solution to a FEM challenge, using vanilla stuff

Language: CSS - Size: 1.95 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

Natanaelvich/heat-mobile

github authentication and web sockets messages

Language: TypeScript - Size: 313 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

blackcodding/Animated-Loading-Spinner

Language: CSS - Size: 764 KB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

blackcodding/3D-Flip-Button

Language: CSS - Size: 3.62 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

blackcodding/Analog-Clock

Language: CSS - Size: 8.92 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

pacyL2K19/old-apple-page

This project is an old version of the Apple home page

Language: HTML - Size: 3.14 MB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

ameghdadian/background-generator2

Linear-gradient background assistant

Language: CSS - Size: 3.91 KB - Last synced at: about 1 year ago - Pushed at: about 6 years ago - Stars: 1 - Forks: 0

Lujaina-ali32/Bootstrap-project

Profil pic clone using Bootstrap

Language: HTML - Size: 31.3 KB - Last synced at: 8 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

Hokkyokukou/background-generator

Background Gradient Generator

Language: JavaScript - Size: 23.4 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

Harrylawal74/City-Skyline

Language: CSS - Size: 4.88 KB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

lucasmaciel-g/codearrow

Desenvolvendo minhas habilidades HTML e CSS.

Language: HTML - Size: 2.25 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

lucasmaciel-g/link-bio-larissa

Aprimorando habilidades através de projeto de link da bio

Language: HTML - Size: 28.3 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

lucasmaciel-g/link-bio

Projeto de página Link Bio.

Language: HTML - Size: 34.2 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

leonardoalmir/link-bio

Projeto link da Bio

Language: HTML - Size: 110 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

Holgermueller/landingpage

A Link Tree clone.

Language: CSS - Size: 4.25 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

SyncfusionExamples/gradient_rotation_flutter_chart

In Flutter Cartesian Chart widget, you can apply gradient for the chart series and rotate the gradient rendering angle with the help of the gradient property of the chart series. This property can be set using the LinearGradient constructor, which holds the gradient colors list for the series, stops values list for the gradient colors, begin and...

Language: C++ - Size: 293 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 5

aneeshlalwani/freecodecamp-responsive-webdesign-projects

This Repository contains "Responsive Web Design Projects". Built with HTML and CSS

Language: HTML - Size: 22.5 KB - Last synced at: about 20 hours ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mfantham/gamma-gradient

An npm library to produce more vivid gradients in CSS

Language: TypeScript - Size: 105 KB - Last synced at: 13 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Gradient-Lover/gradient-app

For interesting people (like me) that love gradients ❤🧡💛💚💙💜

Language: JavaScript - Size: 826 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

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.

Language: HTML - Size: 3.34 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

KJabeen/Interactive-Card-details

Interactive-Card-details

Language: CSS - Size: 140 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

KJabeen/Newsletter-signup-with-success-message

Newsletter-signup-with-success-message

Language: CSS - Size: 159 KB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

madhurimarawat/Website-Frontend-Developement

This repository contains programs in HTML, CSS, JavaScript and Bootstrap related to Website Frontend Development.

Language: HTML - Size: 2.32 MB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

rafaelmachadobr/receita-facil

O App de Receitas é uma plataforma que reúne uma ampla variedade de receitas deliciosas e inspiradoras. Descubra pratos tradicionais e contemporâneos, todos selecionados para satisfazer todos os paladares. Explore o mundo da culinária com vídeos de modo de preparo detalhados

Language: JavaScript - Size: 1.31 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

AJarich/ResultsSummaryComponent-FrontendMentorProject

This is my attempt at the Results Summary Component challenge on Frontend Mentor.

Language: CSS - Size: 268 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

DonCastillo/learning-react-native-2

GUESS MY NUMBER APP: Learning the basics of React Native (part of React Native Practical Guide 2023 Course on Udemy)

Language: JavaScript - Size: 3.05 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

diwakarnathshaw/Loginify

A login page design created using HTML and CSS. The design is clean and modern, with a simple layout that is easy to use and visually appealing.

Language: CSS - Size: 10.7 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

diwakarnathshaw/Captain-Levi-Ackerman

I tried to replicate the calling UI of my Samsung Galaxy phone using simply HTML and CSS. Captain Levi Ackerman is a fictional character from anime series Attack on Titan

Language: CSS - Size: 25.4 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

diwakarnathshaw/UserProfile-Preview-Card

This is a simple project that shows a UserProfile-Preivew-Card which is created using only HTML and CSS.

Language: HTML - Size: 12.7 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

amit-katyal/color-markers

This is a simple web project that uses HTML and CSS to create a set of colored markers. The project demonstrates how to use different color models (RGB, HEX, HSL) and gradients to create realistic effects. The project also shows how to use multiple classes and inline-block display to style the elements.

Language: CSS - Size: 76.2 KB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0