Color Pickers for Sketch Photoshop, Chrome & more with Vue.js

Color plays a pivotal role in design, influencing user experiences and shaping visual identities. To streamline the design process, developers and designers often turn to color picker tools that seamlessly integrate with popular design applications like Sketch, Photoshop, and web browsers like Chrome. This article delves into the world of color pickers, specifically those powered … Read more

A Vue UI component for showing notifications

In the ever-evolving landscape of web development, user experience remains a focal point. One integral aspect of enhancing user interaction is providing clear and unintrusive notifications. This article will explore the creation of a Vue.js UI component for notifications, offering developers a detailed guide on designing a versatile and customizable notification system. Understanding the Need … Read more

Donut chart using Vue CSS

Data visualization is a crucial aspect of conveying complex information in a clear and engaging manner. Donut charts, with their circular shape and distinctive segments, are effective tools for representing data in an aesthetically pleasing way. In this detailed guide, we’ll explore how to create a donut chart using Vue.js, a progressive JavaScript framework, and … Read more

Vue component that display loader during image loading

Loading images in web applications is a common task, and providing users with visual feedback during the image loading process enhances the overall user experience. In this comprehensive guide, we’ll explore the creation of a Vue component that gracefully handles image loading, ensuring a seamless and visually appealing transition for users. The Importance of Visual … Read more

Vue.js component to select the time intervals of the day

Title: Designing a Vue.js Component for Time Interval Selection Introduction: Creating user-friendly components for time-related inputs is a common requirement in web development. In this comprehensive guide, we’ll walk through the process of designing a Vue.js component that allows users to select time intervals of the day. This component will offer a visually appealing and … Read more

A simple hands-on mobile nested menu UI component with a smooth slide animation

Mobile applications often require intuitive and visually appealing navigation systems to enhance the user experience. In this hands-on guide, we’ll explore the creation of a simple yet effective Vue.js mobile nested menu UI component. The component will feature smooth slide animations, providing users with an engaging and seamless navigation experience. Setting Up the Vue Project: … Read more

A Vue.js slideshow component working with Three.js and GSAP

In the dynamic landscape of web development, creating visually stunning and immersive components is essential for engaging user experiences. In this detailed guide, we’ll explore the creation of a Vue.js slideshow component that leverages the power of Three.js for 3D graphics and GSAP for smooth animations. This combination allows developers to build a captivating slideshow … Read more

Vue JSON to CSV file

In web development, exporting data from a Vue.js application to CSV format is a common requirement, especially when dealing with tabular or structured data. In this detailed guide, we’ll explore the process of converting JSON data to a downloadable CSV file using Vue.js. By the end of this tutorial, you’ll have a clear understanding of … Read more

Material vue.js date range picker

Date range pickers are crucial components in web applications, allowing users to select a range of dates efficiently. In this detailed guide, we’ll explore the process of creating a Material Design-inspired Vue.js date range picker. By the end of this tutorial, you’ll have a user-friendly and visually appealing date range picker that follows the Material … Read more