Web Guideline

Web Guideline berisi kumpulan modul semua elemen pada User Interface (UI) dan code snippet untuk developer yang dapat di-copy dan di-paste sesuai kebutuhan untuk mengimplementasikan elemen-elemen tersebut. Termasuk didalamnya komponen UI seperti button, elemen form-input, navigation menu, icon, dan lain sebagainya.

Tujuannya dalah untuk membantu kita dalam membuat desain yang kohesif (bersatu, berpadu, kompak) yang mencerminkan bahasa visual yang umum. Elemen visual design dan interaction design seperti warna, tipografi, animasi dan load time semuanya berkontribusi terhadap user experience yang terpadu.

Corporate UI Dashboard

Corporate UI Dashboard is based on Bootstrap 5 and is made of hundred of elements, designed blocks, and fully coded pages. Easily customizable to match the brand identity and specific needs. It's built with over 300 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving the freedom of choosing and combining. All components can take variations in colour, that easily modified using SASS files and classes.

This Dashboard is fully coded and built on top of Open Source, more details here:

• Bootstrap 5 - Open source front end framework
• noUISlider - JavaScript Range Slider
• Popper.js - Kickass library used to manage poppers
• Flatpickr - Useful library used to select date
• Choices JS - A nice plugin that select elements with intuitive multiselection and searching but also for managing tags.
• CountUp JS - A dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.
• Charts Js - Simple yet flexible JavaScript charting for designers & developers
• FullCalendar - Full-sized drag & drop event calendar
• Dropzone - An open source library that provides drag’n’drop file uploads with image previews.
• Datatables - DataTables but in Vanilla ES2018 JS
• jKanban - Pure agnostic Javascript plugin for Kanban boards
• PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent
• Quill - A free, open source WYSIWYG editor built for the modern web
• Sweet Alerts - A beautiful, responsive, customisable, accessible replacement for Javascript’s popup boxes.
• three.js - JavaScript 3D library
• Wizard - Animated Multi-step form for Bootstrap

Soft UI Design System

Soft UI Design System is based on Bootstrap 5 and is made of hundred of elements, designed blocks, and fully coded pages. Easily customizable to match the brand identity and specific needs. It's built with over 300 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving the freedom of choosing and combining. All components can take variations in colour, that easily modified using SASS files and classes.

This Dashboard is fully coded and built on top of Open Source, more details here:

• Bootstrap 5 - Open source front end framework
• noUISlider - JavaScript Range Slider
• Popper.js - Kickass library used to manage poppers
• Flatpickr - Useful library used to select date
• Choices JS - A nice plugin that select elements with intuitive multiselection and searching but also for managing tags.
• Perfect Scrollbar - Minimalistic but perfect custom scrollbar plugin
• Glide - Best carousel you’ll ever need

• CountUp - Dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.

• Prism - A lightweight, extensible syntax highlighter
• Rellax - Lightweight, vanilla javascript parallax library
• Smooth Scroll - A lightweight script to animate scrolling to anchor links
• Tilt - A smooth 3D tilt javascript library
• Typed - A JavaScript Typing Animation Library

License

Semua file dan resource menggunakan Company License dari © Creative Tim. Mohon digunakan untuk kepentingan Berani Digital ID dan tidak untuk disebarluaskan. Untuk pertanyaan silakan kirim email ke team@beranidigital.id.