I just published my second npm package. It's a typewriter effect web component I made earlier this year. Lots of options including google fonts integration and many styling options. Just tested w/Vite on React and Vue #100Devs #webdev #npm #softwareengineer
buff.ly/oa2AmCq
buff.ly/gjUqFIV

Along with the video, img, and link options, I added an iframe option. You can demo your live sites and apps for clients. In the video I attached I'm actually navigating on those live sites on the mockups. Feel free to use. Instructions in README github.com/DevManSam777...

#100Devs #webcomponents

I built device mockups for my devleads.site landing page. A few people asked about them, so I coded a reusable web component for phone, tablet or laptop mockups. It supports img/vid fallbacks, anchor-tag linking, themes, hover animations,custom colors & responsiveness. Repo buff.ly/7BDPv99 #100Devs

I made a toggle button with a smooth cubic bézier animation for the DevLeads landing page to demonstrate the two form web components, then I thought I may as well add that to my homepage

That way there’s a longer one for web dev inquiries & a short form for everything else.

#100Devs #webdev #swe

One of my favorite features in DevLeads is the native Business Finder. It allows you to specify a location (city, state or zip), the type of industry to target, and the number of businesses to find. Here's a recording from our demo app that you can try @ devleads.site . #100Devs #webdev #swe

Improved Suburbia Skate project by adding Clerk authentication, PayPal checkout integration, full shopping cart system, user account profiles, & invoice generation. 3D skateboard customizer built with Next.js, GSAP and React Three Fiber.
suburbia-skateboard-shop.netlify.app

#nextjs #100Devs #webdev

Come get a plate 👨🏽‍🍳🍝

I've been seeing good traffic on the devleads.site demo but a smaller % of visitors than expected are using the form components! To highlight them, I added some green badges as a CTA. Try either one out, check the auto-generated emails, & have fun in the demo app. No sign-up needed! #100Devs #webdev

I've been on a button hover animation kick lately

Utilizing ::before pseudo-elements and :hover pseudo-class to add some cool button hover effects

#webdev #100Devs #webdeveloper #coding #css

Instead of doing work, I made a linktr.ee alternative for my socials. I called it "chain-links" because I have the imagination of a rock. #webdev #100devs #coding

Mobile view. Any chance I get to sneak in one of my web components is a W. I made the weather widget web component a while back. You can add one to your projects with 2 lines of code. Here’s the repo for it. github.com/DevManSam777...