A UI / Component Framework and Application Architecture for Backbone.js which uses twitter's bootstrap for styling
JavaScript CoffeeScript Ruby
Pull request Compare This branch is 457 commits behind datapimp:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
docs
lib
public
site
spec
src
vendor/assets
views
.gitignore
.rvmrc
CHANGELOG
Gemfile
Gemfile.lock
Guardfile
README.md
ROADMAP
Rakefile
app.rb
config.ru
luca.gemspec

README.md

Component Driven Architecture with Luca.JS

Luca is a component architecture framework based on Backbone.js, which includes many development helpers, classes, patterns, and tools needed to build scalable and clean single page applications.

It uses twitter bootstrap compatible markup and css naming conventions, making it possible to generate completely styled user interfaces with JSON alone.

Luca combines the functionality of other open source libraries as well, but you are not required to use any of them if you don't like.

Dependencies

Development Tool Dependencies:

Using With Rails Asset Pipeline

  # Gemfile
  gem 'luca', '>= 0.9.2', :git => "git@github.com:datapimp/luca.git" 

In your css manifest:

  /*
   *= require 'luca-ui-full'
   *= require 'luca-ui-development-tools'
  */

All Javascript Dependencies:

   //= require 'underscore'
   //= require 'underscore-string.min'
   //= require 'jquery'
   //= require 'backbone'
   //= require 'bootstrap.min.js'
   //= require 'luca-ui.min.js'
   //= require 'luca-ui-development-tools.min.js'

Or you can just use the dependencies we rely on. Latest backbone.js, underscore.js, underscore.string.js, twitter boostrap js and css:

  //= require 'luca-ui-full.min.js'

Standalone With Twitter Bootstrap ( development tools are optional )

  <html>
    <head>
      <link rel="stylesheet" href='luca-ui-full.css' />
      <link rel="stylesheet" href='luca-ui-development-tools.css' />
    </head>
    <body>
      <script type='text/javascript' src="luca-ui-full.min.js" /> 
      <script type='text/javascript' src="luca-ui-development-tools.min.js" /> 
    </body>
  </html>

Interactive Documentation and Examples

View the Sandbox

Thanks To

@jashkenas for making coffeescript, underscore, backbone.js.

@twitter for making bootstrap 2.0

@davidtonge for making backbone-query

@benchprep for giving me the freedom

@luca. who i spent only two minutes making and am exponentially more proud to have created.

Contributing

Please!