1. Simplicity and cleanness. Based on this anxiety time: huge amounts of information have stuffed the brain.

2. For small amount components, choose fancy design to make UX more interesting.

Other people’s designs can greatly save development efficiency.

https://templatemo.com/

https://templated.co/

Reusing themes from the internet can dramatically improve efficiency.

Bootstrap Themes Built and Curated by Bootstrap Team.: https://themes.getbootstrap.com/

Ideal for inexperienced developers to write and learn.

Multi-functional

CSS3 Generator: https://css3generator.com/

CSS Generator: https://angrytools.com/css-generator/

CSS Multi-Column Generator https://html-css-js.com/css/generator/column/

Image Filter Generator

CSS image filter generator: https://simplecss.eu/filter.html#

Svg

Create Customizable, Hi-Def, and Scalable Backgrounds: https://www.svgbackgrounds.com/#zig-zag

GRID

5 Super CSS Grid Generators for Your Layouts — SitePoint: https://www.sitepoint.com/css-grid-generators/

Flexbox

flexbox.buildwithreact.com

Bootstrap

https://www.layoutit.com/build

https://bootsnipp.com/builder

Clippath

Critical Path CSS Generator — by Jonas Ohlsson: https://jonassebastianohlsson.com/criticalpathcssgenerator/

Clippy — CSS clip-path maker: <https://bennettfeely.com/clippy/>

Transform CSS Generator

https://cssgenerator.org/transform-css-generator.html

Noise Texture CSS Generator CSSmatic: Https://www.cssmatic.com/noise-texture

Neumorphism/Soft UI CSS shadow generator: https://neumorphism.io/#55b9f3

Animation

Animate . . Keyframes.app: https://keyframes.app/animate/

Animista: https://animista.net/play/basic/flip-2

Gradient

CSS Gradient — Generator, Maker, and Background: https://cssgradient.io/

Form

Free CSS Form Generator JotForm Form Builder: https://www.jotform.com/css-form-generator

Open Graph

https://webcode.tools/open-graph-generator

Loader

https://icons8.com/preloaders/

https://loading.io/

Reuse them to improve efficiency.

If you don’t have a very deep design foundation, using external tools to create colors is a very efficient way to create a professional color palette.

https://www.canva.com/colors/color-palettes

There are color palettes that are popular among many developers in the community.

Streamwhite

front-end developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store