Skip to content
A reponsive single page app template for collection management projects
CSS JavaScript HTML
Branch: master
Clone or download

Latest commit

Latest commit 97f3ed9 Oct 22, 2018

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
.gitignore Add .gitignore Sep 17, 2018
README.md Fix typo Sep 23, 2018
bundle.js Add project to github Sep 16, 2018
index.html
main.js Add project to github Sep 16, 2018
output.css Use more tailwindcss Sep 17, 2018
package-lock.json
package.json Add project to github Sep 16, 2018
screenshot.png
style.css Use more tailwindcss Sep 17, 2018
tailwind.js

README.md

Libre - a responsive single page app template for collection management projects.

Libre Screenshot

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

Live Demo

👋 Libre Live Demo

Credits

License

Use it freely but please do not republish, distribute or sell "as-is". Read more about our license.

Misc

Follow Amie: Website, Dribbble, Github, Twitter, Medium

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest

© Codrops 2018

You can’t perform that action at this time.