{"id":19010329,"url":"https://github.com/railsware/ui-library","last_synced_at":"2026-04-24T07:30:20.192Z","repository":{"id":11387192,"uuid":"13829016","full_name":"railsware/ui-library","owner":"railsware","description":"UI Library Template","archived":false,"fork":false,"pushed_at":"2013-11-20T17:14:49.000Z","size":308,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":55,"default_branch":"master","last_synced_at":"2025-01-01T21:23:06.613Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/railsware.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-10-24T10:19:18.000Z","updated_at":"2014-09-04T13:10:09.000Z","dependencies_parsed_at":"2022-09-19T05:30:09.141Z","dependency_job_id":null,"html_url":"https://github.com/railsware/ui-library","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/railsware%2Fui-library","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/railsware%2Fui-library/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/railsware%2Fui-library/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/railsware%2Fui-library/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/railsware","download_url":"https://codeload.github.com/railsware/ui-library/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240037753,"owners_count":19738011,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T19:10:52.881Z","updated_at":"2026-04-24T07:30:19.964Z","avatar_url":"https://github.com/railsware.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"UI Library Template\n=================\nThe easiest way for designers and front-end developers to create, edit and view project's style guides and perform element by element styling of interface.\n\n## Usage\nTo use ui library in your Ruby on Rails project rename `index.html` to something like `library.html` and put it to `public` folder of application.\n\nAdditionaly you will also need to add `library.css` and `library.js` to your application. You can place them to `public` folder as well or include them to assets pipeline by adding them to `app/assets` folder.\n\n### Navigation\n\u0026larr; key opens and closes navigation on the left of library\n\n\u0026rarr; key opens and closes html code preview for elements on the right of library\n\n\u0026uarr; key scrolls to previous section of library\n\n\u0026darr; key scrolls to next section of library\n\n### Adding sections\nTo add new element to the library just insert `\u003cdiv class=\"library-section\"\u003e\u003c/div\u003e` and place element's markup inside it. Add `data-label` attribute to `.library-section` for specifying element's label.\nTo disable code preview for a specific element simply add `data-code=\"false\"` to `.library-section` div.\n\n### Color Samples\nYou can easily create and add color samples just by putting `\u003cdiv class=\"library-color-sample\"\u003e\u003c/div\u003e` inside library section, and specifying background color via inline styles.\n\nIf you want to create 3 shades of initial color - put 3 `\u003cdiv class=\"library-color-shade\"\u003e\u003c/div\u003e` inside `.library-color-sample` element and specify background color via inline styles.\n\n## Making changes\n\nAll source files of stylesheets and javascripts are placed inside `src` folder and are written in `sass` and `coffeescript`. So to make changes you need to edit `.sass` and `.coffee` files and compile them to `.css` and `.js`.\n\nFor compiling source files you can use tools like [CodeKit](http://incident57.com/codekit/) or do it manualy with coffescript and sass via terminal:\n\nRun from project's folder:\n\n`sass --watch src/library.sass:stylesheets/library.css` for css changes\n\n`coffee -o javascripts/ -cw src/` for javascript changes\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frailsware%2Fui-library","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frailsware%2Fui-library","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frailsware%2Fui-library/lists"}