6 very interesting and creative javascript libraries

6 very interesting and creative javascript libraries:

 

I have recently collected several interesting javascript libraries, each of which is particularly creative. Maybe you don’t have to use them, but I dare say that when you add these libraries to your project, it will instantly make your project attractive.

1. react-mouse-particles

react-mouse-particles is a react mouse particle effect component.

github https://github.com/lindelof/react-mouse-particles

A very fun react library that can be used to create mouse particle effects, which are as cool as meteors or fireballs. I often want to use react to do something fun. Using this component may make your page instantly glorious.

npm install --save react-mouse-particles
Enter fullscreen mode Exit fullscreen mode
import React, { Component } from 'react'

import MouseParticles from 'react-mouse-particles'

class Example extends Component {
  render () {
    return (
      
        
...
) } }
Enter fullscreen mode Exit fullscreen mode

2. particles-bg

particles-bg is a React particles animation background component.

github https://github.com/lindelof/particles-bg

If you’re worrying about your CV or profile not being noticeable, then it’s perfect for you. Adding some particle animation to the page will make your website sparkle instantly. Very amazing

npm install --save particles-bg
Enter fullscreen mode Exit fullscreen mode
import React, { Component } from 'react'

import ParticlesBg from 'particles-bg'

class Example extends Component {
  render () {
    return (
      
        
...
) } }
Enter fullscreen mode Exit fullscreen mode

3. particles-bg-vue

particles-bg-vue is A vue.js particles animation background component.

github https://github.com/lindelof/particles-bg-vue

If you really like the effect above, but it happens that the framework you are using is vue.js. Then don’t worry, using this library can also meet your needs.

npm install --save particles-bg-vue
Enter fullscreen mode Exit fullscreen mode

...

import { ParticlesBg } from "particles-bg-vue";
export default {
  name: "App",
  components: {
    ParticlesBg
  }
};
Enter fullscreen mode Exit fullscreen mode

4. react-parallax

A React Component for parallax effect.

github https://github.com/rrutsche/react-parallax

This is a great project that allows you to easily create an interactive website with parallax scrolling. I think you definitely want to have your own mobile homepage, then it is perfect for you.

npm install --save react-parallax
Enter fullscreen mode Exit fullscreen mode
import React from 'react';
import { Parallax, Background } from 'react-parallax';

const MyComponent = () => (
    
{/* -----basic config-----*/} Put some text content here - even an empty div with fixed dimensions to have a height for the parallax.
{/* -----dynamic blur-----*/} Blur transition from min to max
Enter fullscreen mode Exit fullscreen mode

5. react-shimmer

React Image Loader component that simulates a shimmer effect.

github https://github.com/gokcan/react-shimmer

A powerful, customisable,  component that simulates a shimmer effect while loading. (with zero dependencies!) Currently compatible with React, but RN compatibility is also on the way.

npm i react-shimmer
Enter fullscreen mode Exit fullscreen mode

6. react-native-3dcube-navigation

a great page turning effect

github https://github.com/zehfernandes/react-native-3dcube-navigation

If you want to do something with react native. Then this thing is very good, he may be suitable for you, a great page turning effect.

npm i react-native-3dcube-navigation --save
Enter fullscreen mode Exit fullscreen mode
import { CubeNavigationHorizontal } from 'react-native-3dcube-navigation'


   { this.cube = view; }}>
    
      Horizontal Page 1
    
    
      Horizontal Page 2
    
    
      Horizontal Page 3
    
  

Enter fullscreen mode Exit fullscreen mode

Thank you so much for your patience after reading this article. If you like these things to collect, I will continue to collect better things to share with you. Wish you a good dream.

from Tumblr https://generouspiratequeen.tumblr.com/post/634113094812106752

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s