It is very important to have a tool that is easy to use, and it is also a basic thing that anyone who writes code should do. Having a good tool can greatly improve the efficiency of writing code, so that the product can be completed faster. Here are a few useful tools for front-end developers.
1.Theatre JS
Theater JS is a JavaScript animation library with a GUI for high-fidelity motion graphics, animating DOM, WebGL and any other JavaScript variables, designed to help you express detailed animations, enabling you to create complex motion, and Convey nuance.
2.Party JS
Many blog sites will have a lot of cool animation effects when the mouse is clicked or dragged, which is done with this library. Basically, this Js library will help us achieve many amazing visual lighting effects.
3.Tail-Kit
Tail-Kit is the first awesome Tailwind UI component library, it has more than 250 open source components, compatible with React, Vue and Angular, beautiful, large-scale components and template suites for TailwindCSS 2.0, Tail-Kit is free and open source.
4.Glass UI
Glass UI is a glass form design program based on modern CSS UI library, which can help website developers quickly design and build perfect websites and applications.
5.Whirl
Whirl can create a variety of CSS loading animations with less code, easy loading CSS animations, arcs, basics, bounces, chases, color ranges, color wheels, different directions, points, fades and more epic animations.
Likeshop is a free and open source mall system based on "ThinkPHP + Vue + Nuxt + uni-app", which supports H5, small programs, APP, WeChat payment, Alipay payment, SMS, cloud storage, coupons, seckill, group buying, rush buying and other mainstream Function, professional team maintenance, trustworthy, welcome to download and experience. 2,000+star open source address: https://gitee.com/likeshop_gitee/likeshop official website document address: https://www.likeshop.cn
6.Code myui
A code resource website often visited by former engineers, which collects code fragments such as page elements, JS codes, design elements, etc. These necessary code fragments for development are soft decorations for constructing websites, such as common registration forms, advertising templates, accordions, Animations, progress bars, pop-up layers, etc. are the mainstream elements of modern web design, and they are material websites for web design and UI inspiration.
7.pattern-generator
pattern-generator is a website that helps you generate background images. There are dozens of patterns to choose from, and the elements in each pattern can be modified arbitrarily through interactive buttons. Finally, you can export JPEG, PNG, SVG, CSS background codes, and Support to restore the content of the last operation after exiting
8.AnimXYZ
AnimXYZ is an animation library that simplifies adding CSS animations to websites or web applications. AnimXYZ animations are all compiled to regular CSS behind the scenes, which means they generally behave the same as CSS animations. After the page loads, the element fires automatically, runs for the specified number of iterations, and then returns to its original state.
9.Dopefolio
Dopefolio is an out-of-the-box official website page generator that does not rely on a bunch of third-party open source libraries, all of which are pure HTML and CSS, so SEO is very good, Lighthouse scores are also high, and it supports page responsiveness. Friends who have official website page requirements can try to use
Likeshop is a free and open source mall system based on "ThinkPHP + Vue + Nuxt + uni-app", which supports H5, small programs, APP, WeChat payment, Alipay payment, SMS, cloud storage, coupons, seckill, group buying, rush buying and other mainstream Function, professional team maintenance, trustworthy, welcome to download and experience. 2,000+star open source address: https://gitee.com/likeshop_gitee/likeshop official website document address: https://www.likeshop.cn