Zoaib's Angular Store

Ever wondered how to do 3D in Angular? 3D product configurator built with Angular 18 and Angular Three v2 (wrapper on top of THREE js) shows you just that! It renders a 3D model of a coffee cup from a GLTF file, adds suitable lighting and camera angles and allows the user to change its color dynamically by a color selection list. The model also auto rotates using Orbit Controls and can be rotated with the mouse as well. Full tutorial here: https://youtu.be/9j-k5BdH22g

🔥18 people bought this An interactive, animated Angular navbar - which hides when you scroll down, reappears as you scroll up and also appears when you hover over the navbar notch! This makes it easier for your users to navigate to different parts of your app or website. Also, it can be dropped in to any app with tailwindcss or you can use the animations with material toolbar and/or other component libraries. Full tutorial on how you can build it here: https://youtu.be/CyjXqe0eaf4

🔥 86 people bought this. Want to design your Angular Material 3 theme dynamically with just 6 colors? This utility app allows you to do just that! Try it out LIVE: https://material-theme-builder.zoaibkhan.com/ Reviews:"This is genius and saved me hours. Thank you!" "Zoaib thank you for this! ... I like the idea of getting to pick the exact colors that I want." "Thank you so much for this, you just made my life so much easier"It allows you preview Angular Material Components in v18 with different color themes dynamically - as you change the individual colors on the side panel. The app includes almost all material components in different routes - so you can get a good preview - including the error states of inputs.Sale is LIVE! Use code SEASONSALE at checkout till 7th Dec 2024

🔥 38 people bought this. A Drag and Drop Dashboard Builder with Angular Material where your users can build your dashboard live by dynamically adding and removing widgets from a widgets panel. Widgets can also be resized to fit your layout as you see fit. Demo! https://angular-dashboard-lime.vercel.app/dashboard From youtube: "Thanks Zoaib!. I work with Dashboards and this aproach is amazing""Terrific video. This is really interesting and well explained." "I really liked how you explained the concept behind it. It was very easy to follow. good job!"Features of the dashboard: TailwindCSS integrated for utility-first stylingDrag and drop widgets to and from the widgets panel to "build your dashboard live"Dark Mode using Material System Color VariablesResize the widget height and width using the options panelChanges in layout are animated nicely using animate-css-grid packageDashboard layouts once setup are automatically synced with local storageIncludes sample widgets for showing statistics, graphs using chart.js and other relevant widgets such as a comments list.Has a beautiful collapsible nested sidebar included! This product includes all future updates to the dashboard - so buy once and get all of them for FREE! :) Original video playlist: https://www.youtube.com/playlist?list=PLHbz-DWIAPJAUZSossNgj6-ds1MwSL2f_Sale is LIVE! Use code SEASONSALE at checkout till 7th Dec 2024

🔥 113 people bought this. "I bought the ... full project and it works great." "Amazing, thanks!" "Thank you so much for this. Exactly what i need." A youtube-style sidebar built up in Angular 18 which also allows infinite nested sub menus using recursion and auto generated angular routes! Demo: https://angular-youtube-sidebar.vercel.app/ Some features: - (NEW) The sidebar allows infinite levels of nesting and auto generation of nested routes from the menu items array (01-08-2024) - Now the sidebar allows nested sub items as well! (15-06-2024) - Youtube style including nice CSS transitions - Allows to minimize the sidebar in a collapsed state - Uses Material design Original video tutorial if you want to build it yourself: https://youtu.be/cz3pQQ5owd0Sale is LIVE! Use code SEASONSALE at checkout till 7th Dec 2024

🔥 40 people bought this. A nifty CSS file which contains Angular Material 3 design tokens - which when included allow your app to change colors with just 6 basic colors!Try out the theme builder app using this: https://material-theme-builder.zoaibkhan.com/This is a .css file which contains design tokens given values based on the 6 color angular material theme discussed in my video. It only needs to be included in your styles.scss file, and then your color CSS variables are going to work with material components in the upcoming v18 (which brings in design tokens)! The usage instructions are included in the package as a text file.

🔥 9 people bought this. Google Style Search Bar with Angular CDK Overlay Package and Material Components! It contains a search bar with nice dropdown with the following features: Recent searches stored in local storageQuick Search implemented using Google Books APIBooks Detail page to show a detail viewSearch Results page to show list of books matching the term All of the pages derive their state from the route parameters, so you can get the exact same state of the app when you refresh the URL! This is a good example of a complete app you can build using your own APIs! It has been built in Angular v17.2 - using signals and all of the latest features of the new releases.

🔥 63 people bought this. A whatsApp inspired basic Angular Material Chat Application - integrated with Firebase Firestore DB.Full video tutorial where I build this chat app: https://youtube.com/playlist?list=PLHbz-DWIAPJDxWTyoq0O2v4T3AO5W94vl&si=HeHkmSzsxPgWSx7hSale is LIVE! Use code SEASONSALE at checkout till 7th Dec 2024

🔥 54 people got this for FREE. A YouTube Videos Explorer App built with Angular v17.2 and the YouTube Data API. Features: Nice card view of youtube videosFiltering of videos based on tags using Angular Signals ReactivityView Transitions API for awesome Layout Animations! Note: Check readme for more instructions!