For a better experience in this site we encourage you to use Firefox Nightly

Main menu

Skip to primary content
Skip to secondary content
  • Home
  • Building Blocks
    • Confirm
    • Edit mode
    • Action menu
    • Status
    • Buttons
    • Filters
    • Headers
    • Lists
    • Progress and activity
    • Scrolling
    • Seek bars
    • Switches
    • Tabs
    • Toolbars
    • Drawer
    • Input areas
    • Value selector
  • Common controls
    • Fonts and Colors
    • Buttons
    • Input Areas
    • Navigation and Notifications
    • List Items
    • Backgrounds and Headers
    • Keyboard and Dialpads
  • Transitions
    • Task switching
    • Opening and closing apps
    • App invokes app
    • Prompts
    • In app navigation
    • Calls
    • Functionalities

Building

Start creating your own app layouts with visual styles

Follow @openwebdevice Tweet

Home

Building Blocks

Building Blocks

Set of reusable UI components with code and usage examples. Use Building Blocks to layout your application faster.

Common Controls

Common Controls

Have access to all Firefox OS’ UI components in vector format. Download the master PSD file and unleash your creativity.

CSS Transitions

CSS Transitions

Bring some live to your apps by adding the CSS animations and transitions you will find here.

LATEST TWEETS from @openwebdevice

  • Create a game character with #HTML5 and #JavaScript http://t.co/eCYzQfT5kF by @williamMalone 1 day ago

  • #HTML5 Output: Operaciones matemáticas en tiempo real en tu form http://t.co/cWRnvTpG8N 1 day ago

READ MORE IN TWITTER

LATEST LINKS & RESOURCES

  • Design Principles Behind Firefox OS
    https://blog.mozilla.org/
  • Firefox OS Building Blocks to the rescue
    https://hacks.mozilla.org/
  • Design Building Blocks
    https://wiki.mozilla.org/
  • Firefox OS - Building Blocks example
    https://gist.github.com/rnowm/

CONTACT

  • Send us any comment or suggestion you may have and we will give you an answer as fast as possible. If you want to reach us even faster, you can easily do it through twitter:
  • Arnau March Sergi Vila
  • Not an official Mozilla site. Created to provide information on visual styling for Firefox OS.
  • Big thank you to @mdo and @fat for their great work in Twitter Bootstrap.