Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amiechen/codrops-libre
A reponsive single page app template for collection management projects
https://github.com/amiechen/codrops-libre
css html javascript single-page-app tailwindcss template
Last synced: 1 day ago
JSON representation
A reponsive single page app template for collection management projects
- Host: GitHub
- URL: https://github.com/amiechen/codrops-libre
- Owner: amiechen
- Created: 2018-09-16T13:21:33.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-22T16:06:00.000Z (about 6 years ago)
- Last Synced: 2024-08-03T13:02:32.669Z (3 months ago)
- Topics: css, html, javascript, single-page-app, tailwindcss, template
- Language: CSS
- Size: 1.25 MB
- Stars: 141
- Watchers: 8
- Forks: 29
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Libre - a responsive single page app template for collection management projects.
Libre is a responsive single page app template designed for developers who want to create collection management-like projects (e.g. books, music, podcasts, games, etc.). Built with tailwind.css and vanilla javascript, this template is easily customizable and has common components like profile, lists, filters and popovers which sets the ground work for your projects. Libre is made for Codrops exclusively.
## Running the project locally
Make sure your local version is v6+. I currently am using v10.8 as of Aug 2018.
```
npm install
```
If you want to regenerate css with your changes, run this command to generate css using tailwind config (e.g. tailwind.js)
```
$ ./node_modules/.bin/tailwind build style.css -c ./tailwind.js -o ./output.css
```
If you want to recompile the javascript, make sure browserify is installed globally then run this command to create bundle.js
```
$ npm install -g browserify
$ browserify main.js -o bundle.js
```
Check out the details on [Codrops](https://tympanus.net/codrops/2018/09/16/freebie-libre-web-app-template/)
## Live Demo
👋 [Libre Live Demo](https://tympanus.net/Freebies/libre/)
## Credits
- [Browserify](http://browserify.org/)
- [Anime.js](http://animejs.com/)
- [tippy.js](https://atomiks.github.io/tippyjs/)
- [Tailwind.css](https://tailwindcss.com/)
- [Shopify Polaris's Icons](https://polaris.shopify.com/)
## License
Use it freely but please do not republish, distribute or sell "as-is". [Read more about our license.](http://tympanus.net/codrops/licensing/)
## Misc
Follow Amie: [Website](https://www.amie-chen.com/), [Dribbble](http://www.dribbble.com/hyperyolo), [Github](https://github.com/amiechen), [Twitter](https://twitter.com/hyper_yolo), [Medium](https://medium.com/@hyperyolo)
Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)
[© Codrops 2018](http://www.codrops.com)