1UC1F3R616/Frontend-WebDev.md

## Frontend-WebDev.md

      
    Raw
  

              Frontend-WebDev.md
            
          
    Frameworks


Semantic UI: Semantic empowers designers and developers by creating a shared vocabulary for UI
Bootstrap: Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components
Material-UI: React components for faster and easier web development. Build your own design system, or start with Material Design

Illustrators


unDraw: Open-source illustrations for any idea you can imagine and create.
paid Iconscout: Get high-quality Icons, Illustrations and Stock photos at one place

Icons


Icons: Free Icons, Photos, Vectors, Music, and Tools
Ant Design Icons: Semantic vector graphics. Before use icons


React Components


Semantic UI React: The official Semantic-UI-React integration
React-Bootstrap: Bootstrap 4 components built with React.
paid Material Kit React: Material Kit React is a Free Material-UI@4.1.0 Kit with a fresh, new design inspired by Google's material design
@zeit-ui/react: React implementation for styles originating from Vercel's design.
Ant Design: A design system for enterprise-level products. Create an efficient and enjoyable work experience
Ant Design Pro: Out-of-box UI solution for enterprise applications
Blueprint: A React-based UI toolkit for the web

Motion Design


Ant Design Motion: Use Ant Motion to quickly use animations in the React framework

Charts


Ant G2Plot: G2Plot is an interactive and responsive charting library based on the grammar of graphics, which enables users to generate high quality statistical charts through a few lines of code easily
Devextreme Reactive: Data-Centric React Components for Bootstrap and Material-UI

Notification


https://cogoport.github.io/cogo-toast/: Beautiful, Zero-Configuration, Toast Messages

Useful Components


[react-flip-move](https://github.com/joshwcomeau/react-flip-move): This module was built to tackle the common but arduous problem of animating a list of items when the list's order changes

Twitter 1


coolors.co: Beautiful color combinations
loading.io: Ajax loading icons, animated text and more
devsamples.com: A list of code samples (CSS, JavaScript, Docker...)
picsum.photos: The Lorem Ipsum for photos