https://github.com/jottenlips/react-bones

💀 Dead simple content loading components for React and React-Native 💀
https://github.com/jottenlips/react-bones

animation animations avatar content content-loader content-loading cross-platform css lerna loading loading-animations preview react react-native react-native-web react-spring skeleton skeleton-ui storybook text

Last synced: 3 months ago
JSON representation

💀 Dead simple content loading components for React and React-Native 💀

• Host: GitHub
• URL: https://github.com/jottenlips/react-bones
• Owner: jottenlips
• License: mit
• Created: 2020-12-18T03:39:38.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-02T16:48:34.000Z (almost 3 years ago)
• Last Synced: 2024-10-15T03:06:51.795Z (3 months ago)
• Topics: animation, animations, avatar, content, content-loader, content-loading, cross-platform, css, lerna, loading, loading-animations, preview, react, react-native, react-native-web, react-spring, skeleton, skeleton-ui, storybook, text
• Language: JavaScript
• Homepage: https://jottenlips.github.io/react-bones/?path=/story/bones--bones-layout-rounded
• Size: 4.56 MB
• Stars: 41
• Watchers: 4
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# react-bones

Dead simple loading components for React and React-Native.

[NPM](https://www.npmjs.com/package/react-bones)

[GitHub](https://github.com/jottenlips/react-bones/)

```

💀 npm i react-bones

```

React

```

import { Bones } from "react-bones/lib";

```

React-Native

```

import { Bones } from "react-bones/native";

```

```javascript

const Post = (props) =>

  props.loading ? (

    

      

      

      

      

      

      

      

      

    

  ) : (

    

      

      {props.text}

    

  );

```

## Storybook Demo

[Homepage](https://jottenlips.github.io/react-bones/)

[Demo](https://jottenlips.github.io/react-bones/?path=/docs/bones--bones-default)

## Example

Clone the repo and run `yarn run web` for a CRA example.

A fully linked React-Native example is coming soon.

For now, cd packages/bones_react_native_app

```

yarn

yarn run ios

```

## Thanks

Shoutout to everyone that works on [react-native-web](https://github.com/necolas/react-native-web) It is a great library!