Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/DavidHDev/react-bits

An open source React.js snippet library for animated components | Plural noun: "bits" - a small piece, part, or quantity of something
https://github.com/DavidHDev/react-bits

animations components components-library components-react javascript react reactjs web

Last synced: 2 months ago
JSON representation

An open source React.js snippet library for animated components | Plural noun: "bits" - a small piece, part, or quantity of something

Awesome Lists containing this project

README

        


Welcome to React Bits, your go-to for animated React components, and other goodies!






react-bits logo




## Links

- [Official Website](https://reactbits.dev/)

## Running The Project Locally

The setup for this project is very straightforward


#### Clone The Project (fork for contributions)

```sh
git clone https://github.com/DavidHDev/react-bits.git .
```

#### Install Dependencies

```sh
npm install
```

#### Start The Development Server

```sh
npm run dev
```

## Contributing

This project is always open to improvements and contributions, you can check the [Open Issues](https://github.com/DavidHDev/react-bits/issues) if you want to contribute, and it's also possible to request to add your own improvements/ideas using the [Feature Request](https://github.com/DavidHDev/react-bits/issues/new/choose) template. Before contributing, please read the [Contribution Guide](https://github.com/DavidHDev/react-bits/blob/main/CONTRIBUTING.MD) and make sure to respect the standards! Thank you for your time!

## CONTENTS

### TEXT ANIMATIONS

- [Split Text](https://www.reactbits.dev/text-animations/split-text)
- [Blur Text](https://www.reactbits.dev/text-animations/blur-text)
- [Wave Text](https://www.reactbits.dev/text-animations/wave-text)
- [Shiny Text](https://www.reactbits.dev/text-animations/shiny-text)

### ANIMATIONS

- [Animated Container](https://www.reactbits.dev/animations/animated-container)
- [Blob Cursor](https://www.reactbits.dev/animations/blob-cursor)
- [Follow Cursor](https://www.reactbits.dev/animations/follow-cursor)
- [Magnet](https://www.reactbits.dev/animations/magnet)
- [Fade](https://www.reactbits.dev/animations/fade)

### COMPONENTS

- [Stack](https://www.reactbits.dev/components/stack)
- [Dock](https://www.reactbits.dev/components/dock)
- [Masonry](https://www.reactbits.dev/components/masonry)

## Maintainers

[David Haz](https://github.com/DavidHDev)

## License

MIT