Kuika provides various elements to enrich and simplify the application development process. These elements vary depending on the application type (mobile or web) and are designed to optimize user experience.
Using the Elements Panel
- Access the elements you need from the Elements panel.
- Drag and drop the element you want to use into your workspace.
- This method allows you to quickly customize your design and create functional, user-friendly interfaces.
Blocks Area
The Blocks area in the Elements section is a new feature that enhances the application development process.
- Blocks contain pre-designed design fragments.
- These fragments can be added via drag-and-drop and used as independent elements.
- This enables you to start projects faster and build consistent, reusable, and flexible user interfaces.
Element Categories
Kuika’s elements are classified into eleven main categories. These categories make it easy to distinguish each element’s function and purpose. Choosing the right element contributes to more efficient applications. Using elements effectively is crucial for creating strong user experiences in both web and mobile applications.
Points to Consider When Selecting Elements
- Choose the element that best matches the intended user interaction or application function.
- Customize the design and functionality of the elements to fit the user experience you are aiming for.
- Consider compatibility for both mobile and web platforms.
Kuika’s elements help you maintain visual consistency while improving functionality, resulting in a more successful user experience.
Elements Table
Elements Table
| Category |
Elements |
| Text Input Category |
URL,
Text Input,
Text Area,
Password,
MD Editor,
Email
|
| Special Category |
Web View,
Signature,
Micro App,
Maps,
Divider,
Chat,
Big File Upload
|
| Select Input Category |
Switch,
Select Box,
Radio Group,
Multi Select,
Location Search,
Location Picker,
Language Selector,
Checkbox,
Auto Complete
|
| Numeric Input Category |
Slider,
Rate,
Range Slider,
Percent,
Number Input,
Currency,
Barcode Input
|
| Navigation Category |
Menu,
Content Menu,
Button
|
| Interactive Category |
Tab,
Stepper,
Pagination,
Collapse
|
| Display Category |
Video Player,
Tree,
Tooltip,
Timeline,
Thumbnail,
Stopwatch,
QR Renderer,
MD Viewer,
Label,
Image,
Icon,
Countup,
Countdown,
Barcode Renderer,
Badge
|
| Date and Time Input Category |
Year Picker,
Month Picker,
Date Time Range,
Date Time,
Date Range,
Date
|
| Data Category |
Table,
Pivot Table,
Horizontal Grid,
Gallery View,
Flex Grid,
Carousel,
Calendar
|
| Container Category |
Vertical Stack,
Row,
Process Automation Viewer,
Panel,
Horizontal Stack,
Header,
Form,
Footer
|
| Chart Category |
Radial Chart,
Progress Circle,
Progress Bar,
Pie Chart,
Mixed Chart,
Line Chart,
Gauge Chart,
Donut Chart,
Bar Chart,
Area Chart
|
