iamtheavyzit,Abhijeet,github

css3d-blending

Basic CSS trick to create a 3D looking effect. Key is to use multiple text-shadows which will in turn create a cool looking text. Use attr() prop to lay one text over the other. 😎

cssglitchingtext

A cool looking illusion that causes a glitch effect in CSS, using animation and multiple text shadows, a ton of 'em. 😁

This code cleverly utilizes CSS animation prop to create a "Morphing Text" effect. Essentially, it layers 2 text elements on top of each other, and blurs them depending on which text element should be more visible.

cssneumorphism

Neumorphic design latest effects. A profile card designed by using neumorphism concept, it basically plays with the box shadow() prop in CSS.

cssperspective-hover-effect

A sliding text with pure CSS. Creates an illusion that the text is moving when once hovered. Try customizing the line-height and height props as per your need.

csstubegloweffect

A simple CSS text effect. Allows user to give an input and as the user types in, the text starts to glow. This uses multiple text-shadow() props to create an astonishing effect. Do play with the @keyframes to adjust the lighting accordingly.

javascript-analogclock

A simple and gradient looking analog clock based on JavaScript and a little CSS.

juvoxa-table

Built a dynamic react table from an API. The data is being fetched from an external API into the react-table lib. Used some cool looking CSS to make UI more appealing.

reactjs-birthdayreminder

This project works on very basics of React. It renders list of people and a simple button.

reactjs-calculator

A simple calculator created using useReducer( ) hook. This app is completely responsive for all screen sizes.

reactjs-cryptowatchapi

A simple API fetch for cryptocurrency price tracker app in ReactJS using Axios package. It mainlt uses React Hooks such as useState and useEffect. You can also search currencies and have it displayed on the browser. I used a free public API link https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=10&page=1&sparkline=false >> keep the size of results &per_page between 1-250. For some reasons it doesn't load higher than 25 cryptos for me.

reactjs-figmalandui-spa

Insanely Clean webpage. Transformed a Figma design into a fully functioning website, improved CSS styling, and created modern and responsive ReactJS website. This is a landing page for a UI/UX sketch tool like Figma. Added few media queries to make it responsive.

reactjs-health.io-spa

Trying out newer claymorphism designs from Figma. A simple and cool looking website for a health insurance provider. This is a clean looking website designed from scratch and it is also fully responsive.

reactjs-launchapp-spa

An aesthetic SPA for an app launch website using React JS. This project is very simple to implement, thoroughly uses multiple components to build this simple yet astonishing look. No additional lib were used.

reactjs-logoipsum3d-spa

Modular 3D SPA with interactive butttons and cool hover effects. Converted a figma design into this beautiful modern claymorphism design. Added an additional Blog section to give it an extra mile. This website is also completely responsive for all screen sizes.

iamtheavyzit Goto Github PK

Abhijeet's Projects

Recommend Projects

Recommend Topics

Recommend Org