WebAppers

/ best free open source web resources /

Shopify

Facebook Style Modal Boxes with Transparent Border

Posted · Category: MIT License, Popup

We have seen many modal box script (e.g. Prototype Window, Multibox, Modalbox and etc). I would like to introduce something a little bit difference to you guys. Here are the following two Facebook-style modal boxes. Both of them have a sexy transparent border which looks really stylish.

1) Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

facebox.png

2) GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects. The GlassBox library is easy to use, customizable and skinnable, and it comes with a coherent API and documentation.

glassbox.png

Requirements: Any Modern Browsers, IE 6, Firefox 2, Opera 9 and Safari 3
Demo: http://famspam.com/facebox, http://www.glassbox-js.com
License: License Free, MIT License

18 Comments
  • http://free-iphone-apple.blogspot.com mark

    Nice! I’m gonna go with FaceBox as it integrates with jQuery.

  • http://www.robertjamesphillips.com Rob Phillips

    Does anyone think jquery seems to be taking dominance in the JavaScript framework department? Personally I use mootools, but I have been impressed by the recent developments

  • http://www.XGhozt.com/ XGhozt

    Impressive.

  • http://www.alvoconhecimento.com.br Daniel Accorsi

    Excelent about glassbox! I´ll use it. ;D

  • http://jonixworld.blogspot.com Dinheiro

    My firefox didn’t like the glassbox at first. Only at third atempt i could load the page well, it was stuck at “loading images”, strange!
    But after everything loaded, it’s a great application, i love the transparency

  • Edwin

    Thanks! I allready knew Facebox (and really like it) but glassbox looks even more beautiful! Both are great tools!

  • http://free-iphone-apple.blogspot.com mark

    Yes Rob, jQuery is becoming very popular b/c it’s so light weight but feature rich. Wen you compress/pack the code it is about half the size. It also has plugins so it’s easy to work with.

  • shagil

    Its very usefull… am gonna use it all in my application. Thanks alot

  • http://www.oyunyuvasi.net Kız Oyunları

    very good. thanks..

  • http://www.fleedy.com manS

    I Like it…

  • tom

    This is excellent. quick question though I have is.

    lets see If I put a form like in it, which takes the value and POST it to a different PHP page for inserting mysql into a database. I want the confirmation such as Your message as been sent in Modal box.

    how can i do that?
    please help

  • http://www.bestonlinescripts.com Heri

    Finally I find out how to create facebook style modals popup.
    Thanks for share!

  • http://www.evyapanhavalandirma.com havalandırma

    Its very usefull… am gonna use it all in my application. Thanks alot

  • http://www.andom.net/tr/ Satılık Evler

    Thanks a lot. Is it commercial?

  • http://www.findshared.com madhan

    Can’t we create one without these frameworks?

  • http://www.beijingmassages.com beijing massage

    this is very good.

  • Cameron A

    Thank you very much. This is just what I needed, really appreciate it!

  • https://github.com/zkhalapyan/CoolBox Zorayr

    There is also a nice implementation of Facebook-styled popup without using JQuery or MooTools. Here is the link: https://github.com/zkhalapyan/CoolBox.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons