Create full screen pages using React

React Fullpage

React-fullpage is a React Component library inspired by fullpage.js. It is characterized by its light size because it contains only key functions. Demo

Installation and usage

npm install @shinyongjun/react-fullpage
yarn add @shinyongjun/react-fullpage

There are two types of components: FullpageContainer and FullpageSection.

import {
  FullpageContainer,
  FullpageSection,
} from '@shinyongjun/react-fullpage';

function ExampleComponent() {
  return (
    <FullpageContainer>
      <FullpageSection>
        <div>Section 1</div>
      </FullpageSection>
      <FullpageSection>
        <div>Section 2</div>
      </FullpageSection>
      <FullpageSection>
        <div>Section 3</div>
      </FullpageSection>
      <FullpageSection isAutoHeight>
        <footer>Footer</footer>
      </FullpageSection>
    </FullpageContainer>
  );
}

export default ExampleComponent;

Document

Document

License

MIT Licensed. Copyright (c) 2023-present Shinyongjun.

GitHub

View Github