GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → amiechen → Codrops Libre

amiechen / Codrops Libre

A reponsive single page app template for collection management projects

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

htmlcsstemplatetailwindcsssingle-page-app

Projects that are alternatives of or similar to Codrops Libre

Fama
TailwindCSS based personal branding template. Built with react and framer-motion
Stars: ✭ 121 (-2.42%)
Mutual labels:  template, tailwindcss
React App
Create React App with server-side code support
Stars: ✭ 614 (+395.16%)
Mutual labels:  template, single-page-app
Vite Vue3 Tailwind Starter
Vite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡
Stars: ✭ 205 (+65.32%)
Mutual labels:  template, tailwindcss
wagtail-react-blog
SPA built with React, Tailwind CSS and Wagtail Rest API
Stars: ✭ 66 (-46.77%)
Mutual labels:  single-page-app, tailwindcss
Seed Quickstart Webpack
Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.
Stars: ✭ 73 (-41.13%)
Mutual labels:  template, tailwindcss
Next Startd
⚡ Free Next.js landing page template for SaaS products, online services and more.
Stars: ✭ 211 (+70.16%)
Mutual labels:  template, tailwindcss
Landing Page
Tailwind CSS Starter Template - Landing Page
Stars: ✭ 444 (+258.06%)
Mutual labels:  template, tailwindcss
Admin Template
Tailwind CSS Starter Template - Admin Dashboard Template
Stars: ✭ 160 (+29.03%)
Mutual labels:  template, tailwindcss
Profile Card
Tailwind CSS Starter Template - Profile Card (Single page website for your profile/links)
Stars: ✭ 69 (-44.35%)
Mutual labels:  template, tailwindcss
Tail Kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Stars: ✭ 997 (+704.03%)
Mutual labels:  template, tailwindcss
Admin Template Night
Tailwind CSS Starter Template - Admin Dashboard Template (Night Mode)
Stars: ✭ 40 (-67.74%)
Mutual labels:  template, tailwindcss
Ghostwind
Tailwind CSS Starter Template - Ghostwind (Ghost Casper theme in Tailwind CSS)
Stars: ✭ 89 (-28.23%)
Mutual labels:  template, tailwindcss
Simple Reactjs App
Simple Application Using Basic React Components and Communication between them
Stars: ✭ 86 (-30.65%)
Mutual labels:  template, single-page-app
Universal Resume
Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo
Stars: ✭ 1,349 (+987.9%)
Mutual labels:  template, tailwindcss
Terraform Provider Template
Terraform template provider
Stars: ✭ 119 (-4.03%)
Mutual labels:  template
Components
Fully responsive and beautiful HTML components made with VueJS and TailwindCSS.
Stars: ✭ 121 (-2.42%)
Mutual labels:  tailwindcss
Neo Ico Template
An ICO Template for NEO projects
Stars: ✭ 119 (-4.03%)
Mutual labels:  template
White Jotter
白卷是一款使用 Vue+Spring Boot 开发的前后端分离项目，附带全套开发教程。（A simple CMS developed by Spring Boot and Vue.js with development tutorials）
Stars: ✭ 1,838 (+1382.26%)
Mutual labels:  single-page-app
Template Compiler
Compile text/template / html/template to regular go code
Stars: ✭ 120 (-3.23%)
Mutual labels:  template
Eleventy Starter
ARCHIVED: An Eleventy starting point with Tailwind and Svelte preconfigured.
Stars: ✭ 118 (-4.84%)
Mutual labels:  tailwindcss
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].