uiGradients
Google Fonts
Our great sponsors
uiGradients | Google Fonts | |
---|---|---|
24 | 491 | |
5,858 | 17,586 | |
- | 1.5% | |
0.0 | 9.9 | |
about 1 month ago | 4 days ago | |
Vue | HTML | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
uiGradients
- Complex gradients and css?
-
Using an abstract image as img2img input to set the mood and lighting (1st column = input image)
Side tip, use a gradient generator site like UIGradients to find a tone/mood to start with
- Bảng phối mà u đẹp cho designer - Full các website phối mà u online - Miko Tech
-
A Huge Selection of FREE and high-quality Web Services!
Create Gradients - https://uigradients.com
- I have to use a gradient on my website
-
Any creative ideas?
Choose a cool background (eg. animated , gradiant, etc)
-
Paginas para Elementos CSS
Gradientes
-
How to connect the dots in webdesign?
A couple sites I definitely recommend for digital and web focused design are dribbble and behance. Also check out colourlovers for some trendy color palletes, uiGradients for CSS gradients, there are many many more also for gradients, etc. There are tons of free mockup kits available. You can also look on pinterest etc or just googling around or using hashtags on social sites. Basically I just recommend looking for inspiration in what you are most attracted to artistically.
-
Resources that every developer should know.
This site, I use it normally when I need to have colors with gradients. Visit the following link: https://uigradients.com
-
Sites for beginner web developers
If you are looking for awesome and easy to use background gradients in your sites, then this site you should must checkout. It has gradients in all colors and very good UI for searching perfect gradients for your site. Do check it out- https://uigradients.com
Google Fonts
-
React website sample for portfolio
I first checking out any good fonts on Google font that fits the theme of the website. I select the Nunito as I could feel the playful vibe behind it.
-
Optimizing Fonts and Images (Next.js)
Visit Google Fonts and search for Lusitana to see what options are available.
- Google Fonts: Can't use the /download URLs to fetch static font files
-
An Afternoon with SVGs | Frontend Challenge Entry
Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get around to trying to start this animation in the time I allotted myself 😂). I started by trying to find a crumpled paper look on sites like Hero Patterns, but eventually found myself on this codepen:
-
Button Component with RiotJS (Material Design)
BeerCSS supports Material Fonts by default, here is the list of all icons: https://fonts.google.com/
-
Free Resources Every Web Developer Should Know About
Google Fonts (https://fonts.google.com/)
-
100+ FREE Resources Every Web Developer Must Try
Google Fonts
-
How to Structure Your Vision Board with HTML
==>Click here to access Google Fonts!
- Variable Fonts
-
A CSS Guide to Fonts
==> Click here to visit Google Fonts! ==> Click here to visit Adobe Fonts!
What are some alternatives?
generatedata - A powerful, feature-rich, random test data generator.
inter - The Inter font family
iview - A high quality UI Toolkit built on Vue.js 2.0
source-code-pro - Monospaced font family for user interface and coding environments
go-unsplash - Go Client for the Unsplash API
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
feather - Simply beautiful open-source icons
JetBrainsMono - JetBrains Mono – the free and open-source typeface for developers
react-open-doodles - A Free Set of Sketchy Illustrations provided by opendoodles
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
mint-ui - Mobile UI elements for Vue.js
Font-Awesome - The iconic SVG, font, and CSS toolkit