Split Login page using tailwind css & shadcn
import { useState } from "react" import { useForm } from "react-hook-form" import { zodResolver } from "@hookform/resolvers/zod" import { z } from "zod" import { Link, useNavigate } from "react-router
Search for a command to run...
import { useState } from "react" import { useForm } from "react-hook-form" import { zodResolver } from "@hookform/resolvers/zod" import { z } from "zod" import { Link, useNavigate } from "react-router
import { useState } from "react" import { useForm } from "react-hook-form" import { zodResolver } from "@hookform/resolvers/zod" import { z } from "zod" import { Link, useNavigate } from "react-router
@import "tailwindcss"; @import "tw-animate-css"; @import "shadcn/tailwind.css"; @custom-variant dark (&:is(.dark *)); @theme inline { --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
Authentication is one of the most common areas where frontend applications compromise security—often unintentionally. Storing JWTs in localStorage, exposing tokens to JavaScript, or relying on fragile refresh logic are still widespread anti-patterns....
Modern enterprise Angular applications increasingly rely on offline-first capabilities, client-side caching, and secure local persistence. While browsers provide powerful primitives like IndexedDB and the Web Crypto API, they are often underutilized—...
Published: January 23, 2026Reading Time: 12 minutesTags: AI Development, Claude Opus 4.5, Documentation, Vibe Coding, Antigravity Introduction: The Documentation Dilemma We've all been there. You're in the flow, vibe coding with an AI assistant, shi...
A detailed usage guide for a global reusable button component built with Angular 21+, Signals API, and Tailwind CSS. Learn how to control variants, sizes, loading states, accessibility, and dynamic behavior from parent components with real-world exam...
Angular Material and Tailwind CSS solve different problems: Angular Material provides: Accessibility Interaction behavior Battle-tested UI components Tailwind CSS provides: Rapid layout Utility-first styling Design consistency at scale ...

A Complete Guide Using Modern Angular Syntax (v17–v20)