Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sansyrox/creative-components
This repo aims to create innovative react components used in awwwards like websites.
https://github.com/sansyrox/creative-components
react reactjs
Last synced: 9 days ago
JSON representation
This repo aims to create innovative react components used in awwwards like websites.
- Host: GitHub
- URL: https://github.com/sansyrox/creative-components
- Owner: sansyrox
- Created: 2020-10-25T13:33:04.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-01-28T10:51:46.000Z (almost 4 years ago)
- Last Synced: 2024-10-18T05:33:15.322Z (19 days ago)
- Topics: react, reactjs
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/creative-components
- Size: 1.05 MB
- Stars: 17
- Watchers: 2
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# creative-components
> This repo aims to create innovative react components used in awwwards like websites.
### Documentation at : https://creative-components.netlify.app/
Current RoadMap
- Following Cursor [x]
- Simple Grid [x]
- Many Grid Orientations [x]
- Full Size Grid [] [Need to allow custom props in every layout component: like fullscreen: true]
- Text with underline [x]
- Image Haze [x]
- Text section with image preview []
- TypeWriter Text animation [x]
- Section with image preview like in my Portfolio []
- An OP navbar like in client project []
- Skew Scrolling Page [x]
- Smooth Scrolling Page []
- A page with AOS on every item/child []
- A complete grid package []
- Show/Hide Component on Grid Up down []
- Docz/Storybook integration maybe [x]
- Scroll Trigger: Apple like animation[]
[](https://www.npmjs.com/package/creative-components) [](https://standardjs.com)
## Install
```bash
npm install --save creative-components
```
## Usage
```jsx
import React, { Component } from 'react'
import MyComponent from 'creative-components'
import 'creative-components/dist/index.css'
class Example extends Component {
render() {
return
}
}
```
## License
MIT © [sansyrox](https://github.com/sansyrox)