Flex Developer’s Toolbox : Free Components, Themes and Tutorials

December 1st, 2008

One important goal of flex components, is to help the community see how you can merge the best of what flex gives you (productivity, development process, consistent component model) with the best of what people have been doing in flash for years (rich, highly interactive, fluid, etc).

Adobe Flex is the tool of choice for many web developers when it comes to building Rich Internet Applications (RIAs). Developers are picking up Flex with great speed. One of the reasons for this is that Flex programming is relatively easy to learn if you’re already familiar with XHTML.

Flex applications can be developed to run on user’s desktop. Now you can develop and launch an application that runs in a web browser and as a desktop application. Deploying an application to a user’s desktop with Adobe AIR is easy, users just need to install the AIR runtime and your RIA on their machine.

In today’s post we provide you with some essential Flex resources – Flex components, Flex Skins & Themes, Online Flex Apps, Flex Frameworks and Flex Tutorials.

What is FLEX?

1. Tour de Flex

Adobe Flex Resources

Tour de Flex is a desktop application for exploring Flex capabilities and resources, including the core Flex components, Adobe AIR and data integration, as well as a variety of third-party components, effects, skins, and more.

Tour de Flex has three primary purposes:

  • Provide non-Flex developers with a good overview of what is possible in Flex in a “look and see” environment
  • Provide Flex developers with an illustrated reference tool
  • Provide commercial and non-commercial Flex developers a place to showcase their work
2. Flex

Flex is a highly productive, free open source framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops, and operating systems.

FLEX Componenets

3. AlivePDF

Adobe Flex Resources

AlivePDF is an open-source ActionScript 3 (Flash, Flex, AIR) PDF generation library. It allows you to generate PDF’s on the client-side. You can use AlivePDF with Flash, Flex and Adobe AIR applications. Some sample codes can be found here.

  • You can download files here.
  • Check out the demos here.
  • You will find a nice tutorial here.
4. Deft-fully using Dojo and Flex

Adobe Flex Resources

Deft “focuses on ActionScript components created in support of the various projects within the Dojo Toolkit (mostly for DojoX). Deft source files are well organized based in part on the organization of other Dojo Toolkit projects, as well as the package structure required by the Flex compiler. Most Flex applications are based on the Flex AS3 Application class, which forces you to write at least one “controlling” MXML file in order compile your code. Instead of this, Deft components inherit primarily from the Sprite class — which allows you to write pure ActionScript code.”

  • You can download Dojo nightly build here.
  • Let’s look at one of the latest projects in Deft here.
5. Fisheye Component

Adobe Flex Resources

“The Fisheye component is based around the concept of itemRenderer factories, just like the flex list and charting components. The goal is to use composition to separate behavior from content, so you can reuse the basic fisheye effect across many different applications and uses.”

6. FlexBook

Adobe Flex Resources

FlexBook can act as a container, allowing the developer to flip through its children components, FlexBook can be driven by a list of data and an itemRenderer, like a List control or DataGrid, FlexBook Supports a wide variety of configuration options. Play with some of them here, FlexBook supports full transparency on its pages.

7. DisplayShelf Component

Adobe Flex Resources

“The DisplayShelf component demonstrates using a number of flex and flash concepts to provide a rich, templatable control to display a faux-3d view of a list of items. Its behavior is similar to the CoverFlow visualization added to iTunes in version 7.”

8. DualSlider

Adobe Flex Resources

Allows you to scroll two thumbs together on a Slidebar using a scrollbar between both thumbs.

9. 3D Chart in Flex

Adobe Flex Resources

“3D Charts allow display of multiple attributes of a given data in the same graph. 2D charts are already available in Flex. With same data, a 3D graph can be displayed. The graph can be rotated around in 360 degrees by dragging mouse on the screen. Its perspective can also be increased/decreased by using Mouse Wheel.”

10. Adobe AutoComplete Input

Adobe Flex Resources

“The AutoComplete control is an enhanced TextInput control which pops up a list of suggestions to the user based on the characters entered. These suggestions are to be provided by setting the dataProvider property of the control.”

11. Adobe Docking ToolBar

Adobe Flex Resources

“The docking toolbar component collectively helps managing toolbars in an application. The toolbars can be docked to the top or bottom edges or kept floating within application area. The contents within a toolbar use a flow based layout approach.”

12. Social Graph Browser with Favicons

Adobe Flex Resources

A nice looking Flex application that visualizes the Social Graph API. This is a graph front end to the Google Social Graph API

Themes for skinning Flex Applications

13. BluePlastic Theme

Adobe Flex Resources

14. Dark Nite

Adobe Flex Resources

15. Flekscribble

Adobe Flex Resources

Flex Frameworks & Toolkits

16. ASTRA: ActionScript Toolkit for Rich Applications

Adobe Flex Resources

Yahoo! offers the ASTRA Flex components for use in your Adobe Flex 3 applications. These Flex components are designed to work like any other components for Flex with familiar properties, styles, and events. They’re fully documented, and each component comes with multiple examples that demonstrate its various uses. Components include: AutoCompleteManager, ColorPlaneAndSliderPicker, ColorSliderPicker, DropDownColorPicker, IPv4AddressInput, TimeInput and TimeStepper.

17. Degrafa

Adobe Flex Resources

Degrafa is currently developed to work in Flex 2 and 3. Degrafa is being used for a wide variety of purposes, ranging from rich user interfaces to intense graphics editing. Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support. Use Degrafa for:
Rich User Interfaces, Data Visualization, Mapping and Graphics Editing

18. Flexlib

“The FlexLib project is a community effort to create open source user interface components for Adobe Flex 2 and 3.”

Current components: AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework

Online Flex Applications

19. Adobe Photoshop Express

Adobe Flex Resources

Adobe released a Web-based version of Photoshop for editing pictures called Photoshop Express. It is in public beta and anyone can sign up.

20. Sprout

Adobe Flex Resources

Sprout is the quick and easy way for anyone to build, publish, and manage widgets, mini-sites, mashups, banners and more. Any size, any number of pages. Include video, audio, images and newsfeeds and choose from dozens of pre-built components and web services.

21. Acrobat.com

Adobe Flex Resources

Use Acrobat.com to create and share documents. “So people can now create documents with embedded Flash movies from YouTube, or developers can design entire new skins for electronic documents using Adobe’s Flex framework the same programming tool they use to create Web applications.”

Flex Tutorials

Like Flash, Flex creates SWF files that are rendered by Flash Player. However, Flex is primarily a developer’s tool and the way you develop Flex applications is entirely different than the way you develop Flash RIAs. All Flex development is based upon a framework that provides you with reusable and extendable UI components, data retrieval services, event handling functionality and much more.

22. An Absolute Beginner’s Tutorial On Flex 3

Adobe Flex Resources

“This article barely skimmed the surface of the Flex framework, although we did cover the basics of what the framework provides, and how MXML and ActionScript 3.0 work together. While this was a very gentle introduction to the concepts behind Flex, it should give you enough grounding in the concepts to go forth and experiment on your own.”

23. Getting Started

Adobe Flex Resources

A great resource of tutorials on how to get started with Flex.

24. Simple Flex Tutorial

Adobe Flex Resources

A simple blog reader in 23 lines of MXML code to use as a tutorial.

25. Customizing Flex Builder for Flash

A nice tutorial on how to make some modifications to Flex Builder to make it into a lean, mean, ActionScript machine. How to add a great snippets panel to Flex Builder and make it optimized for Flash.

Flex Resources

– Adobe Flex Developer Center
– Doug McCune
– Flex.org
– Alex Harui
– Flex Livedocs
– FlexCoders

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.


34 comments for „Flex Developer’s Toolbox : Free Components, Themes and Tutorials
  1. Joey Mucha on December 1st, 2008 at 7:50 pm

    Thanks for mentioning sprout in this flex application list. Feel free to ping us if you have any questions or comments. Follow us on twitter as well: @sproutbuilder

  2. Brandon on December 1st, 2008 at 8:48 pm

    Thanks so much for passing these along – I’ve been looking forward to digging into Flex and can’t wait to get started.

  3. insicdesigns on December 1st, 2008 at 9:54 pm

    I was part of a team before developing a quite large application using flex. and its an awesome experience and yes i use some of the tools that are listed here. Nice article.

  4. Vic Cekvenich on December 2nd, 2008 at 9:49 am

    Papervsion for 3D, and you can take an online class at proj.com.

  5. John Ramis on December 2nd, 2008 at 3:06 pm

    Thanks for the info!

  6. Keith on December 2nd, 2008 at 7:14 pm

    This is a nice list of FLEX toolboxes. Unfortunately, not many users are utilising the power of FLEX capabilities; somewhat it may seem complicated to use. Unless there is a growing trend to introduce FLEX later into websites, it will probably take quite some time for users to adapt to this feature.

  7. kenny on December 3rd, 2008 at 4:03 am

    Wow dude those are some super cool themes! Thanks for the info!

  8. Rahul on December 3rd, 2008 at 8:33 pm

    Wow this is just cool. I was looking for flex tutorials and components. Now a days Flex and Adobe AIR are the most happening thing on the internet.

  9. robin on December 4th, 2008 at 3:53 am

    Wow dude those are some super cool themes!!!

  10. Ravichandran J on December 4th, 2008 at 5:22 am


    Thanks for your information. I am loking for books which provides information on Flex and 3d. Do any book covers on CoverFlow, Papervisio3d and other popular 3d gallery.

    Please let me know.

    Thanks and Regards,
    Ravichandran J

    • Sopna on October 7th, 2010 at 7:34 am


  11. Steven Frechette on December 5th, 2008 at 12:01 am

    Thanks for the info man!!

  12. Chetan Sachdev on December 5th, 2008 at 3:04 am

    Cool links :)


  13. website design on December 5th, 2008 at 4:22 pm

    Impressive and useful… Thanks for share =)

  14. Sanny Rizky Jatnika on December 5th, 2008 at 6:21 pm

    We’re Indonesian Designer love this stuff..nice job

  15. Erik on December 22nd, 2008 at 1:41 am

    This report will be interesting. I’m signing up for the report…

  16. Eduardo on October 17th, 2009 at 8:40 am

    Thank’s for suggestions. I’m from Brazil. Great post.

  17. umirbek on October 28th, 2009 at 3:46 am

    Hi, thanks for you imformation.

  18. soovay on November 6th, 2009 at 8:19 am

    I am chinese! Your site is wealthy

  19. Ashish Roy on November 8th, 2009 at 9:40 pm

    Thanks. That is a lot of good information about Flex.

  20. Rajiv Totlani on January 4th, 2010 at 4:49 pm

    I think you missed out one very important website for Flex Components. They are growing fast and have a lot of nice stuff…http://www.flexdownloads.com

  21. asep on January 13th, 2010 at 4:53 pm

    Nice article. I like it.thanks for your information,this is very usefull….

  22. Rajiv Totlani on March 4th, 2010 at 6:54 am

    Flex components website – Flexdownloads.com
    Has nice free components and also many others for under $5

  23. Ayubi on October 3rd, 2010 at 1:58 am

    Nice post!

    I have question, when I download the source of FlexBook, I couldn’t find any library… Where I can get that library?


  24. carias patrick on November 11th, 2010 at 4:18 pm

    You can find a very powerful and very customizable FLEX calendar component here : http://www.flex-component.com
    You can also submit your own components there. Have a look !

  25. Tahir Alvi on November 26th, 2010 at 6:05 am

    Wonderful and great work.

    Thanks .

  26. kong on December 23rd, 2010 at 3:27 pm

    very usefull..thank you very much

  27. John on January 10th, 2011 at 2:51 pm

    Our company is seeking socially motivated programmers and web designers to join our efforts. We are a small start-up committed to supporting the nonprofit sector by providing quality economical alternatives for data management.

  28. praadnya on January 20th, 2011 at 7:18 am

    Thanks for creting flex information.

  29. Ashok gaur on September 5th, 2011 at 1:08 pm

    Hi all,

    I am loking for books which provides information on Flex developer and 3d.
    Please let me know.

    Thanks and Regards,
    Ashok Gaur

  30. keyur on March 29th, 2012 at 1:12 pm

    hi all,
    i am looking for book and any kind of tutorials for flex design ..please give me information related to flex ..

  31. Gary Barnes on July 31st, 2012 at 1:23 am

    Please help, I’m new to Flex and I can’t work out how to deploy the files for the DisplayShelf Component. I want to use it as a custom component in an application if possible.

  32. james on October 12th, 2012 at 9:26 am

    very nice article this is

  33. Narsappa on February 20th, 2013 at 2:21 pm

    how to get css styles which has already developed for Flex Components