Welcome to LungoJS KitchenSink

The first Mobile Framework that uses the actual features of #HTML5, #CSS3 and #JavaScript.

The main premise in Lungo is to create a semantic structure in the whole project, starting from the markup language HTML, through a well organized CSS< and ending with the JavaScript API

default disabled red lightgreen green blue articblue orange magenta pink yellow

<class> icon: everything is a vector!

In the listed examples you are seeing a attribute "data-icon", this attribute only need the semantic name of the icon you want to show and LungoJS will do the rest of the work.

  • map
  • clock
  • calendar
  • message
  • chat
  • user
  • group
  • loading
  • refresh
  • search
  • pushpin
  • star
  • heart
  • warning
  • add
  • remove
  • question
  • info
  • check
  • substract
  • close
  • plus
  • up
  • down
  • left
  • right
  • home
  • pencil
  • edit
  • picture
  • camera
  • music
  • wifi
  • file
  • files
  • folder
  • key
  • settings
  • chart
  • trash
  • target
  • items
  • download
  • upload
  • basket
  • phone
  • mail
  • tag

The data-attributes

  • data-icon Creates an icon LungoJS vectorized
  • data-image Instance a <img> automatically
  • data-search Creates a search input form
  • data-progress Creates a progress element

Others

  • data-title Relationship field between <header> and <a>
  • data-count Creates counters of different <elements>
  • data-back Creates a button that goes to the previous section.
  • Test events ... in each row.
  • Common Events
  • Touchstart me!
  • Touchend me!
  • Touchmove me!
  • Tap Events
  • Tap me!
  • Double-Tap me!
  • Long-Tap me!
  • Special Events
  • Swipe me! Drag in any direction
  • Swipe-Left me! Drag in any direction
  • Swipe-Right me! Drag in any direction
  • Swipe-Up me! Drag in any direction
  • Swipe-Down me! Drag in any direction
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1 2 3 4 5 6 7 8 9 10 11 12