reply_fill forward_fill
Blabla
Blabla

miniUI 2.0 brings new inputs for iOs and android

f7Text input
  • Your text

                  
f7Password input
  • Password:

                  
f7Slider input

Unique value

                  


Range values
  • bolt_slash_fill
    bolt_fill

                  
f7Stepper input
My stepper

                  

f7checkBox input

                  

f7checkBoxGroup input

                  
f7Radio input

                  
f7Toggle input
My toggle

                  

f7Select input
  • Choose a variable:

                  
f7SmartSelect input

f7AutoComplete input
  • Type a fruit name

                  
f7Date input
Choose a date
The selected date is

f7Picker input
Picker Input

f7ColorPicker input
Select a color
The picker value is:

miniUI 2.0 brings brand new containers for actionButtons: f7Fabs


miniUI 2.0 brings new buttons containers

Filled Buttons in a segment/rounded container
Outline Buttons in a segment/shadow container
Rounded Buttons in a segment container
Buttons of different size in a row container


Click on the black action button to update the value

miniUI 2.0 brings new card components

f7Card with no header nor footer
Card with header and footer This is a simple card with plain text, but cards can also contain their own header, footer, list view, image, or any other element.

f7Card with header and footer
Card with header and footer card Hi!
This is a simple card with plain text, but cards can also contain their own header, footer, list view, image, or any other element.

f7Card with media
Card with header, footer and image
This is a simple card with plain text, but cards can also contain their own header, footer, list view, image, or any other element.

f7SocialCard
A social Card
Monday at 3:47 PM
What a nice photo i took yesterday!

f7MediaCard

f7ExpandableCard
Expandable Card 1
Click on me pleaaaaase
close_round_fill

Framework7 - is a free and open source HTML mobile framework to develop hybrid mobile apps or web apps with iOS or Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.

close_round_fill
Expandable Card 2

Framework7 - is a free and open source HTML mobile framework to develop hybrid mobile apps or web apps with iOS or Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.

close_round_fill
Expandable Card 3

Framework7 - is a free and open source HTML mobile framework to develop hybrid mobile apps or web apps with iOS or Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.

updateF7Card

miniUI 2.0 brings new list containers

f7Swipeout, swipeable list

Simple f7List
  • a
  • b
  • c

f7List with components
  • alarm_fill
    Header
    a
    Right Text
  • alarm_fill
    Header
    b
    Right Text
  • alarm_fill
    Header
    c
    Right Text

f7List in media mode

f7List with simple media
  • Title
    Subtitle
  • Title
    Subtitle
  • Title
    Subtitle

f7List with links

f7List with f7ListGroup
  • A
  • a
  • b
  • c
  • B
  • a
  • b
  • c
  • C
  • a
  • b
  • c

miniUI 2.0 brings text containers

f7Block
Header
Here comes paragraph within content block. Donec et nulla auctor massa pharetra adipiscing ut sit amet sem. Suspendisse molestie velit vitae mattis tincidunt. Ut sit amet quam mollis, vulputate turpis vel, sagittis felis.

f7Block with wrapper
Header
Here comes paragraph within content block. Donec et nulla auctor massa pharetra adipiscing ut sit amet sem. Suspendisse molestie velit vitae mattis tincidunt. Ut sit amet quam mollis, vulputate turpis vel, sagittis felis.

f7Block with wrapper and inset
Header
Here comes paragraph within content block. Donec et nulla auctor massa pharetra adipiscing ut sit amet sem. Suspendisse molestie velit vitae mattis tincidunt. Ut sit amet quam mollis, vulputate turpis vel, sagittis felis.

miniUI 2.0 brings interesting popups windows

f7Popup
Toggle Popup
f7Sheet
More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Number of observations

Action Sheet

Modal Dialog

Notifications

Popovers

Toasts

Tooltips
Hover on me

miniUI 2.0 brings other elements

f7Skeleton
  • Item 1
  • Item 2

f7Messages
2019-09-12
David
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duo Reges: constructio interrete
Lia
2019-08-15
Hi Bro

f7Badge
32 Badge 10 Ok

f7Chip
Example Chip
Example Chip
add_round
Example Chip
Example Chip
Example Chip
Example Chip
Example Chip

f7Accordion
Toggle accordion item 1
f7Swiper



f7PhotoBrowser


f7Timeline
01 Dec
12:30
Title
Subtitle
Another text
02 Dec
13:00
Title
Subtitle
Another text
03 Dec
14:45
Title
Subtitle
Another text

f7Progress

Update progress 1




f7Gauge
Update gauge 1

updateF7Panel