67 useful front-end tools, libraries and resources
This list contains many types of resources, so I've organized them into groups here.
Javascript Library
Particles.js — A library for creating cool floating particles on the web
Three.js — A library for creating 3D objects and 3D spaces in the web
Fullpage.js — Quickly implement full-screen scrolling features
Typed. js — Typewriter effect
Waypoints.js — Trigger a function when scrolling to a certain element position
Highlight.js — web Syntax Highlighting
Chart.js — Use JavaScript to create beautiful charts
Instantclick — Can significantly speed up website loading time and pre-emptively click when hovering the mouse Load resources
Chartist — Another chart library
Motio — A Sprite library based on animation and panning
Animstion — CSS jQuery plug-in for animated transition
Barba.js — Flowing page transition
TwentyTwenty — A comparison picture Visual diff tool
Vivus.js — Draw animation on SVG
Wow.js — Show animation when scrolling
Scrolline.js — Display scrolling progress when the page scrolls
Velocity.js — Fast and smooth JavaScript animation
Animate on scroll — Beautiful page scroll element animation
Handlebars.js — Javascript template
jInvertScroll — Parallax scrolling
One page scroll — Another page scroll library
##Parallax.js — Parallax that responds to smart device orientation changes Engine
Typeahead.js — Search completion
Dragdealer.js — Cool drag
Bounce .js — Create cool CSS3 animations
Pagepiling.js — Full screen scrolling
Multiscroll.js — Two columns vertically inverted Scroll toward
Favico.js — Dynamic favicon
Midnight.js — Fixed head switching effect
Anime.js — Animation library
Keycode — Get the JavaScript keycode of the keyboard keys
Sortable — Drag and drop plug-in
Flexdatalist — Autocomplete
Slideout.js — Mobile application side sliding navigation
Jquerymy — Using jQuery Implement two-way data binding
Cleave.js — Real-time formatting of input content
Page — Client single-page application routing
Selectize.js — Hybrid selection box for adding tags
Nice select — JQuery library for creating beautiful selection boxes
Tether — Use fixed positioning to create relevant elements
Shepherd.js — Create onboarding for your app
Tooltip — tooltip prompt box
Select2 — Jquery selection box plug-in
IziToast — Notification pop-up window implementation
IziModal —Modal box implementation
CSS library/Design related
Animate.css— Animation library
Flat UI Colors — Flat design color matching
Material design lite— Based on the framework of Google material design
Colorrrs — Random color generator
Section separators — CSS to achieve area segmentation
Topcoat — Framework
Create ken burns effect — Using CSS3 Animation to realize Ken burns special effects
DynCSS — Add function to CSS, dynamic CSS
Magic animations — CSS3 to realize animation special effects
CSSpin — css spinners collection
Feather icons — Icon collection
Ion icons — Icon collection
Font awesome — Icon collection
Font generator — Combination of multiple fonts Create mixed fonts
On/Off switch — Use CSS to create on/off switches and radio buttons
UI Kit — Framework
Bootstrap — Frame
Foundation — Frame
Useful Products/Links
cheatsheet — All tags that can be written in
Ghost — A blogging platform based on Node.js
What runs — A Chrome plug-in for website technical analysis
Learn anything — A powerful mind map for analyzing a certain topic
The above is the detailed content of 67 useful front-end tools, libraries and resources. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1655
14
1414
52
1307
25
1255
29
1228
24
How to measure thread performance in C?
Apr 28, 2025 pm 10:21 PM
Measuring thread performance in C can use the timing tools, performance analysis tools, and custom timers in the standard library. 1. Use the library to measure execution time. 2. Use gprof for performance analysis. The steps include adding the -pg option during compilation, running the program to generate a gmon.out file, and generating a performance report. 3. Use Valgrind's Callgrind module to perform more detailed analysis. The steps include running the program to generate the callgrind.out file and viewing the results using kcachegrind. 4. Custom timers can flexibly measure the execution time of a specific code segment. These methods help to fully understand thread performance and optimize code.
How to use the chrono library in C?
Apr 28, 2025 pm 10:18 PM
Using the chrono library in C can allow you to control time and time intervals more accurately. Let's explore the charm of this library. C's chrono library is part of the standard library, which provides a modern way to deal with time and time intervals. For programmers who have suffered from time.h and ctime, chrono is undoubtedly a boon. It not only improves the readability and maintainability of the code, but also provides higher accuracy and flexibility. Let's start with the basics. The chrono library mainly includes the following key components: std::chrono::system_clock: represents the system clock, used to obtain the current time. std::chron
How to understand DMA operations in C?
Apr 28, 2025 pm 10:09 PM
DMA in C refers to DirectMemoryAccess, a direct memory access technology, allowing hardware devices to directly transmit data to memory without CPU intervention. 1) DMA operation is highly dependent on hardware devices and drivers, and the implementation method varies from system to system. 2) Direct access to memory may bring security risks, and the correctness and security of the code must be ensured. 3) DMA can improve performance, but improper use may lead to degradation of system performance. Through practice and learning, we can master the skills of using DMA and maximize its effectiveness in scenarios such as high-speed data transmission and real-time signal processing.
How to use string streams in C?
Apr 28, 2025 pm 09:12 PM
The main steps and precautions for using string streams in C are as follows: 1. Create an output string stream and convert data, such as converting integers into strings. 2. Apply to serialization of complex data structures, such as converting vector into strings. 3. Pay attention to performance issues and avoid frequent use of string streams when processing large amounts of data. You can consider using the append method of std::string. 4. Pay attention to memory management and avoid frequent creation and destruction of string stream objects. You can reuse or use std::stringstream.
How to uninstall MySQL and clean residual files
Apr 29, 2025 pm 04:03 PM
To safely and thoroughly uninstall MySQL and clean all residual files, follow the following steps: 1. Stop MySQL service; 2. Uninstall MySQL packages; 3. Clean configuration files and data directories; 4. Verify that the uninstallation is thorough.
What is real-time operating system programming in C?
Apr 28, 2025 pm 10:15 PM
C performs well in real-time operating system (RTOS) programming, providing efficient execution efficiency and precise time management. 1) C Meet the needs of RTOS through direct operation of hardware resources and efficient memory management. 2) Using object-oriented features, C can design a flexible task scheduling system. 3) C supports efficient interrupt processing, but dynamic memory allocation and exception processing must be avoided to ensure real-time. 4) Template programming and inline functions help in performance optimization. 5) In practical applications, C can be used to implement an efficient logging system.
How to optimize code
Apr 28, 2025 pm 10:27 PM
C code optimization can be achieved through the following strategies: 1. Manually manage memory for optimization use; 2. Write code that complies with compiler optimization rules; 3. Select appropriate algorithms and data structures; 4. Use inline functions to reduce call overhead; 5. Apply template metaprogramming to optimize at compile time; 6. Avoid unnecessary copying, use moving semantics and reference parameters; 7. Use const correctly to help compiler optimization; 8. Select appropriate data structures, such as std::vector.
How to use MySQL functions for data processing and calculation
Apr 29, 2025 pm 04:21 PM
MySQL functions can be used for data processing and calculation. 1. Basic usage includes string processing, date calculation and mathematical operations. 2. Advanced usage involves combining multiple functions to implement complex operations. 3. Performance optimization requires avoiding the use of functions in the WHERE clause and using GROUPBY and temporary tables.
