@front10/landing-page-book

A react library for landing page

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
1205Jan 8, 2021Sep 2, 2018Minified + gzip package size for @front10/landing-page-book in KB

Readme

Edit on Github

Front10 Component Explorer

Landing Page Book

@front10/landing-page-book is a kit of landing-page React components.

standard-readme compliant BrowserStack Status Coverage Status Build Status

Setup

npm install --save @front10/landing-page-book

Usage

import React, { Component } from 'react';
import { Hero, Navbar } from '@front10/landing-page-book/dist/components';
import 'bootstrap/dist/css/bootstrap.min.css';
import '@front10/landing-page-book/dist/themes/default/index.css';
class App extends Component {
  render() {
    <div className="App">
      <Navbar brandLink="https://front10.com" brandLogo="https://front10.com/img/logos/logo.png" />
      <Hero
        backgroundColor="#212529"
        particlesParams={{ particles: { line_linked: { enable: false } } }}
        header="Landing Page Book"
        subHeader="Some cool text"
      />
    </div>;
  }
}
Edit Landing page example

Available Components

Main components
Navbar BackersOpenCollective ImageList Image
Hero Team Location Icon
Section Sponsors Social Input
Features BuiltWith Video Label
GithubButton ContactInfo LanguageSwitcher Link
Code ContactUs Wizard TextBox
BrowserSupport Copyright Browser Card
Gif Donation Button
Backers Footer Header
Third-Party integrations
GoogleAnalytics GoogleMap Github OpenCollective

Custom styles

Read our theming documentation.

Integration

Tests

npm run test

Coding styles

Built With

Authors

  • Front10-dev - Initial work - Front10

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Browsers support

Chrome
Chrome
IE / Edge
IE / Edge
Firefox
Firefox
Opera
Opera
Safari
Safari
iOS Safari
iOS Safari
Android
Android
>=45 >=10/>=12 >=38 >=30 >=9 >=9.0 >=6.2

Changelog

Detailed version information in our Changelog.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.