Share My Creation Cuppy Framework - B4J Material Design User Interface Views

Discussion in 'B4J Share Your Creations' started by FrostCodes, Nov 2, 2018.

  1. FrostCodes

    FrostCodes Member Licensed User

    Long ago, I wrote this post and a lot of people did show interest in my framework:

    well for this Friday special i am happy to say i am releasing the free beta version of Cuppy Framework
    please note that the core Cuppy Framework is a donationware .

    Cuppy Framework.jpeg

    Cuppy Framework enables developers to design applications faster and also create the functionality of the app.

    It comes with an inbuilt theme manager which enables you to change how your application user interface looks globally with a single line of code !

    You can view some apps samples created with Cuppy Framework :

    Currently some of the features that are implemented are

    Controls and GUI

    • Material Button
    • Material App Bar
    • Material Divider
    • Material FAB (floating action button)
    • Material Card
    • Material Checkbox
    • Material Label
    • Material Linear progress bar
    • Material Radio box
    • Material Switch
    • Material Square FAB (floating action button)
    • Modal Box
    • Dancing Bar Pre-Loader
    • Metro Circle Toggle Button
    • Metro Link Label
    • Metro Toggle Button
    • String Utilities
    • Data Generator Utilities
    • Math Utilities
    • Data Types Utilities
    • App Utilities
    • Controls Utilities
    • File and Directory Utilities
    • Inbuilt Material Design Themes
    • Style Manager
    NOTE: Cuppy Framework controls/views are all native based and not web view based with an exception to Cuppy Web Plugins which are powered by a web view engine.

    You can read more about Cuppy Framework here:

    Download Cuppy Framework here

    Attached Files:

    Last edited: Jun 5, 2019
    mshafiee110, jmon, OGmac and 3 others like this.
  2. Mashiane

    Mashiane Expert Licensed User

    I would greatly suggest that you do a video just as an example of how one can create a ux using Cuppy Framework and the b4j visual designer. I think it will help us understand more of what this is about, even if it’s just a few controls as per your ‘who wants to join me...’ post?

    Congratulations are in order.
    joulongleu and FrostCodes like this.
  3. FrostCodes

    FrostCodes Member Licensed User

    Alright man! I also considered doing that and now you mentioned it i would make some sample apps and release the source code and also a video
    fredo and Mashiane like this.
  4. micro

    micro Well-Known Member Licensed User

    For your work, promise and to help you need, i donate a right donation.
    Best regards
    FrostCodes likes this.
  5. FrostCodes

    FrostCodes Member Licensed User

    I designed 3 sample apps and i attached them to my post.
    • Sports App
    • time-tracker-b4j

    I am working on tutorial videos. Enjoy!
    micro and Mashiane like this.
  6. Mashiane

    Mashiane Expert Licensed User

    Nice examples..

    1. Try and avail possibility of developers to set properties for controls via the designer property bags. Then your lib can read and apply those properties inside the custom view.
    2. Instead of passing string RGB, b4j has a color picker control and this is accessible via the fx component, perhaps you can look at that also.
    3. Can you create an example that can speak to getting and setting values to your controls? Its fine with the B4J text controls, you have your own checkboxes, labels, buttons etc.
    4. Hows does one incorporate material / font awersome icons to your controls?
    5. How does the web plugin functionality work?

  7. FrostCodes

    FrostCodes Member Licensed User

    Thank for the suggestions , also I am working on a instructional video.
  8. FrostCodes

    FrostCodes Member Licensed User

    A simple user profile UI i created today. the source code would be available for only those who have donated so far to help fund this awesome project!

    OGmac, Mashiane, inakigarm and 2 others like this.
  9. Mashiane

    Mashiane Expert Licensed User

    Nice one, probably need a way to remove the window "box" to make the form have a material feel. Otherwise this is a good shot. Have you thought of working on a sidebar for the menu button on the left?

    Try and have component properties set in the property bag otherwise you are opening up a steep learning curve here. I would like to concentrate on my app functionality than having to worry about the designs, thus the need to make designing easier and smooth.
  10. micro

    micro Well-Known Member Licensed User

    The framework promises
    but you have to adjust the properties of your controls as they say Mashiane and improve them.
    For example (just one), the CFMaterialCard control is unusable immediately, you need to create labels or images and add them to the pane (InnerCard).
    This must already be pre-packaged
    Mashiane likes this.
  11. FrostCodes

    FrostCodes Member Licensed User

    Yes a more better version is currently under work in progress . I would update my post when it is ready
  12. roberto64

    roberto64 Active Member Licensed User

    hi, downloading the example would not find
    "Private CFModal1 As CFModal"
  13. FrostCodes

    FrostCodes Member Licensed User

    Hi, that feature is only available for the people who donated. When you donate, i would send you a new library that as all the features.

    The features missing in the free version are:
    • CFBarPreLoader
    • CFMaterialCheckBox
    • CFMaterialLinearProgressBar
    • CFModal
    • The Gray , Dark, Purple, Pink and Amber Themes. There are 2 free professional themes: Blue and Teal

    Every other feature can be used freely!
    Last edited: Dec 1, 2018
  14. DMW

    DMW Member Licensed User

    After walking through the buying process I get a link for downloading but it does not work.
    When I try via my account I get the same result.
  15. FrostCodes

    FrostCodes Member Licensed User

    I think your donation was not processed properly. But I would check and fix broken links if any. Thanks
    Last edited: Dec 10, 2018
  16. victormedranop

    victormedranop Well-Known Member Licensed User

    Same here, links does not work.

  17. FrostCodes

    FrostCodes Member Licensed User

    Mashiane and victormedranop like this.
  18. victormedranop

    victormedranop Well-Known Member Licensed User


  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice