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 → rajasegar → cl-bootstrap

rajasegar / cl-bootstrap

Licence: MIT license
Common Lisp web development widget library for Twitter's Bootstrap

Programming Languages

common lisp
692 projects
shell
77523 projects

Labels

bootstraptwitter-bootstrapwidgetquicklisp

Projects that are alternatives of or similar to cl-bootstrap

Sunset-hadith
Islamic app written with Kotlin, using KTOR + coroutines + flow + MVVM + Android Jetpack + Navigation component. Old version using RxJava + Retrofit + OKHttp
Stars: ✭ 26 (+62.5%)
Mutual labels:  widget
Textylic
A note taking app developed for the 22nd century
Stars: ✭ 34 (+112.5%)
Mutual labels:  widget
react-color
🎨 Is a tiny color picker widget component for React apps.
Stars: ✭ 50 (+212.5%)
Mutual labels:  widget
scriptable-widgets
A small collection of my Scriptable iOS widgets.
Stars: ✭ 35 (+118.75%)
Mutual labels:  widget
ViewPagers
When using the ViewPager widget it is not always obvious to the user that there are adjacent views they can navigate to. By implementing this widget you provide a clear indicator that there exists additional content which they can click or swipe to see.
Stars: ✭ 43 (+168.75%)
Mutual labels:  widget
ngx-widget-grid
Angular 2.x or in general ng-x module for dashboards
Stars: ✭ 65 (+306.25%)
Mutual labels:  widget
yii2-switch-widget
Bootstrap Switch Widget for Yii2
Stars: ✭ 17 (+6.25%)
Mutual labels:  widget
popover
Popover for Flutter. A popover is a transient view that appears above other content onscreen when you tap a control or in an area.
Stars: ✭ 90 (+462.5%)
Mutual labels:  widget
Motion-Tab-Bar
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
Stars: ✭ 237 (+1381.25%)
Mutual labels:  widget
qtwidgetvirtualkeyboard
Qt Widget Virtual Keyboard
Stars: ✭ 19 (+18.75%)
Mutual labels:  widget
sounds
Flutter plugin for sound. Audio recorder and player.
Stars: ✭ 74 (+362.5%)
Mutual labels:  widget
instagram-text-editor
An Instagram like text editor Flutter widget that helps you to change your text style.
Stars: ✭ 66 (+312.5%)
Mutual labels:  widget
phosphor-float-area
✊ Draggable ⚓ Dockable ↔️ Resizable ⛵ Floating 📑 Tabbed HTML5 dialogs! 🎉
Stars: ✭ 72 (+350%)
Mutual labels:  widget
responsible-ai-toolbox
This project provides responsible AI user interfaces for Fairlearn, interpret-community, and Error Analysis, as well as foundational building blocks that they rely on.
Stars: ✭ 615 (+3743.75%)
Mutual labels:  widget
UT Framework
Various advanced tools built for Unreal Engine 4
Stars: ✭ 45 (+181.25%)
Mutual labels:  widget
flutter-tree
Flutter tree widget
Stars: ✭ 46 (+187.5%)
Mutual labels:  widget
react-native-create-widget-tutorial
This is a tutorial for "React Native: How to create a home screen Widget for iOS and Android"
Stars: ✭ 67 (+318.75%)
Mutual labels:  widget
django-tabular-permissions
Display Django permissions in a HTML table that is translatable and easily customized.
Stars: ✭ 60 (+275%)
Mutual labels:  widget
CombineView
View that combines multiple images
Stars: ✭ 27 (+68.75%)
Mutual labels:  widget
yii2-datetime-widgets
Datetime widgets for Yii2
Stars: ✭ 22 (+37.5%)
Mutual labels:  widget
View All Similar Projects ➔

cl-bootstrap

Common Lisp web development widget library for Twitter's Bootstrap

Build Status Quicklisp MIT License

Widgets are implemented as a macro library which can easily be used in your Common Lisp web development projects, eliminating all Web UI boilerplate code; includes automatic generation of tables and responsive grids from a list of renderable elements.

Bootstrap

Bootstrap

Dependencies

cl-who

Installation

cl-bootstrap is available on Quicklisp

(ql:quickload "cl-bootstrap")

Demo

(ql:quickload "cl-bootstrap-demo")
(cl-bootstrap-demo:start-demo)

You can see the demo at http://localhost:3000.

Documentation

Alerts

(bs-alert () "This is a generic alert")
(bs-alert (:type "info" :dismissible t) "This is a generic dimissible alert")
(bs-alert (:type "info") "This is a generic info alert")
(bs-alert (:type "warning") (:strong "Warning!") "This is a generic warning alert")
(bs-alert (:type "danger") "This is a generic danger alert")
(bs-alert-success  "This is a success alert")
(bs-alert-info  "This is a info alert")
(bs-alert-warning  "This is a warning alert")
(bs-alert-danger  "This is a danger alert")

Panels

(bs-panel () "This is a panel")
(bs-panel-primary "This is a primary panel")
(bs-panel-success "This is a success panel")
(bs-panel-info "This is a info panel")
(bs-panel-warning "This is a warning panel")
(bs-panel-danger "This is a danger panel")

Buttons

(bs-btn () "Default button")
(bs-btn (:type "primary") "Primary button")
(bs-btn (:type "success") "Success button")
(bs-btn (:type "warning") "Warning button")
(bs-btn (:type "danger") "Danger button")
(bs-btn (:type "info") "Info button") 
(bs-btn-primary "Primary")
(bs-btn-success "Success")
(bs-btn-info "Info")
(bs-btn-warning "Warning")
(bs-btn-danger "Danger")

Labels

(bs-label () "Default Label")
(bs-label-primary "Primary Label")
(bs-label-success "Success Label")
(bs-label-warning "Warning Label")
(bs-label-info "Info Label")
(bs-label-danger "Danger Label")

Models

(:button :type "button" :class "btn btn-primary btn-lg" :data-toggle "modal" :data-target "#myModal" "Launch demo modal")
(bs-modal (:title "My Modal")
	(:h1 "Modal content")
	(:p "this sis a paragraph"))

Tabs

(bs-tab (:fade t) 
	(:title "Home" :active t :id "home"
		:content (:div
			(:h1 "Home")
			(:p "This is a paragraph")
			(:ul
			(:li "One")
			(:li "One")
			(:li "One"))))
	(:title "Profile" :id "profile" :content (:h1 "Profile"))
	(:title "Messages" :id "messages" :content (:h1 "Messages"))
	(:title "Settings" :id "settings" :content (:h1 "Settings")))

Carousel

(bs-carousel (:id "carousel-example-generic")
	(:image "http://rajasegar.github.io/JADE-Bootstrap/images/slide1.jpg" :caption "Caption 1" :active t)
	(:image "http://rajasegar.github.io/JADE-Bootstrap/images/slide2.jpg" :caption "Caption 2" )
	(:image "http://rajasegar.github.io/JADE-Bootstrap/images/slide3.jpg" :caption "Caption 3" ))

Navbars

(bs-navbar (:inverse t :brand "Brand")
	(bs-navbar-nav ()
		(bs-nav-li (:href "/panels") "Panels")
		(bs-nav-dropdown (:title "Components")
		(bs-nav-li (:href "/panels") "Panels")
		(:li (:a :href "/buttons" "Buttons"))
		(:li (:a :href "/labels" "Labels"))
		(:li (:a :href "/modals" "Modal"))
		(:li (:a :href "/tabs" "Tabs"))
		(:li (:a :href "/dropdowns" "Dropdowns"))
		(:li (:a :href "/tables" "Tables"))
		(:li (:a :href "/carousel" "Carousel"))
		(:li (:a :href "/navbars" "Navbars"))))
	(bs-navbar-form ()
		(:div
			(:div :class "form-group"
				(:input :type "text" :class "form-control" :placeholder "Search"))
			(:button :type "submit" :class "btn btn-default" "Submit"))))

Accordion

(bs-accordion (:id "accordion")
	(bs-accordion-item (:id "collapseOne" :title "Accordion 1" :parent "accordion" :active t)
		"Lorem ipsum dolor sit amet")
	(bs-accordion-item (:id "collapseTwo" :title "Accordion 2" :parent "accordion")
		"Lorem ipsum dolor sit amet")
	(bs-accordion-item (:id "collapseThree" :title "Accordion 3" :parent "accordion")
		"Lorem ipsum dolor sit amet"))

Forms

(:form
	(bs-form-email ())
	(bs-form-password ())
	(bs-form-file ())
	(bs-form-checkbox "Check me out")
	(:button :type "submit" :class "btn btn-default" "Submit"))

License

Copyright © 2016, Rajasegar Chandran [email protected]. This project has been released under the MIT License; please see cl-bootstrap/LICENSE for more information.

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].