DEV Community

Cover image for Make a great landing page
lindelof
lindelof

Posted on

Make a great landing page

Landing page is the most exciting business encountered in daily development. Maybe you worked hard to make a set of ui skin, but in the end it was buried in thousands of similar works. It looks so rigid that it won't attract attention

If you are using react or vuejs framework, then better. You can use this library, a single line of code can make your website change instantly.

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

Vue.js libs: https://github.com/lindelof/particles-bg-vue

demo1 https://stackblitz.com/edit/react-a6pm3w
demo2 https://stackblitz.com/edit/react-bpv9fc
custom1 https://stackblitz.com/edit/react-sop6sx
custom2 https://stackblitz.com/edit/react-v1ou5e

Install

npm install --save particles-bg

Usage

import React, { Component } from 'react'

import ParticlesBg from 'particles-bg'

class Example extends Component {
  render () {
    return (
      <>
        <div>...</div>
        <ParticlesBg type="circle" bg={true} />
      </>
    )
  }
}

Beginners can use it with only a few parameters.

Hope your website will be discoverable among the public

Top comments (1)

Collapse
 
strdr4605 profile image
Dragoș Străinu

Nice work!
I would suggest to gitignore build folder as it is not really needed in Github.