#FrontEndDevelopment

36 posts tagged with FrontEndDevelopment

Hover card with Shadcn UI in your Next js projects | Part 17

Implementing Hover Cards with Shadcn UI in Next.jsIn this comprehensive tutorial, we dive deep into creating hover cards using Shadcn UI in Next.js projects. Hover cards are an excellent way to provid...

1 min read

Input Component with Shadcn UI in your Next js projects | Part 18

Mastering Input Components with Shadcn UI in Next.jsIn this comprehensive tutorial, we dive deep into implementing input components using Shadcn UI in Next.js projects. Shadcn UI provides a powerful a...

1 min read

Using Charts with Shadcn/ui and Next js | Part 5

Mastering Charts with Shadcn/ui and Next.jsIn this comprehensive tutorial, we'll dive deep into integrating charts using Shadcn/ui and Next.js, exploring the powerful Recharts library to create stunni...

1 min read

Building with shadcn/ui: Carousel in Next js | Part 4

Building with shadcn/ui: Carousel in Next.jsWelcome to our comprehensive tutorial on implementing a dynamic carousel component using Shad CN UI in Next.js. In this guide, we'll explore the powerful fe...

1 min read

Building with shadcn:ui Button, Calendar & Card in Next js | Part 3

Mastering Shadcn UI Components in Next.jsIn this comprehensive tutorial, we dive deep into the world of Shadcn UI components, focusing specifically on Button, Calendar, and Card components within a Ne...

1 min read

Building with shadcn/ui: Badge, Avatar, Breadcrumb in Next js | Part 2

Building with shadcn/ui: Avatar, Badge, and Breadcrumb Components in Next.jsIntroduction to shadcn/ui ComponentsIn this tutorial, we'll explore three powerful components from shadcn/ui: Avatar, Badge,...

1 min read

How to add Wysiwyg Editor in Angular with Quill.js 2021

How to Add Wysiwyg Editor in Angular with Quill.js 2021In the world of web development, having a robust rich text editor is crucial for creating interactive and user-friendly applications. This tutori...

1 min read

Angular HTML Binding 3 Ways to Render Dynamic HTML Content Safely | Angular Tutorial

Mastering Safe HTML Binding in Angular: 3 Powerful TechniquesAngular provides robust mechanisms for rendering dynamic HTML content while maintaining strict security standards. In this tutorial, we'll...

1 min read

Install and Customize Shadcn UI in Next.js 14+

Install and Customize Shadcn UI in Next.js 14+Introduction to Shadcn UIShadcn UI is a powerful component library for Next.js that provides developers with highly customizable and reusable UI component...

1 min read

How to customize Angular material theme | Angular 17?

How to Customize Angular Material Theme in Angular 17Angular Material provides powerful theming capabilities that allow developers to create visually stunning and consistent user interfaces. In this t...

1 min read

How to create angular library and publish on npm?

How to Create Angular Library and Publish on NPMCreating and publishing an Angular library can seem challenging, but with the right approach, you can transform your development workflow and share reus...

1 min read

#shorts: Top web development trends in 2023 #coding #trends #webdevelopment

Web Development Trends in 2023: Stay Ahead of the CurveThe web development landscape is constantly evolving, and 2023 brings exciting new trends that are reshaping how we build and experience digital...

1 min read