Skip to content
When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.

Code👨🏽‍💻

615 Pins·14 Sections·1w
Alucinado
By
Alucinado
Board Header Image
Building Dark Mode from scratch is painful (flashing screens, system preference syncing... 😫). . The Solution: next-themes This library handles everything for you. Wrap your app: Add the <ThemeProvider> to your root layout. Configure Tailwind: Set attribute="class" so the library can toggle a class on your HTML tag. Style: Now you can just use Tailwind's dark: variant! . className="bg-white dark:bg-zinc-900" . 📌 Save this snippet to save your users' eyes! Tags: #darkmode #webdesign #uiux #tailwindcss #nextjs #reactjs #frontenddeveloper #codingtutorial #webdevelopment
User authentication in ReactJs with redux toolkit
#programming #reactjs #javascript #webdeveloper #webdesign

React

10 Pins

Form 📝

23 Pins
Context Menu designed with inspiration from the Liquid Glass style used in modern Apple interfaces.
#css #border #html #design #glasses #effect
coding for beginners computer programming web development

CSS 🖌️

62 Pins
Click the Visit button to get a FREE Website Template

Animation 🌟

41 Pins
Save These CSS Loaders Part 1 🔥⁣ ⁣ Get the direct link to the code in the top pinned comment 🔗⁣ ⁣ GitHub details:⁣ ⁣ 🔥 Username: mPooja-15 🔥 Repository: https://github.com/mPooja-15/css-loader-pm 🔥 Folder: part-1⁣ ⁣ Comment your favourite below 👇🏽⁣ ⁣ #html #css #webdev #frontenddeveloper
CSS Page loader

Loading 🔄

15 Pins

Button 🔘

14 Pins
✨ Create a stunning box reflect glowing icon with just a few lines of code! 💻🚀 Perfect for adding a sleek and modern touch to your web designs. Stay tuned for more coding magic! #CodeTheWorld 🌎" #WebDesign #CodingLife #FrontendDeveloper #UIUXDesign #HTML #CSS #JavaScript #WebDevelopment #CreativeCoding #CodeNewbie #TechInnovations #DigitalArt #LearnToCode #CodeMagic #GraphicDesign #ProgrammingTips #TechCommunity
javascript copyright footer
Home / X

Nav Bar 🧭

26 Pins
#code #web #dev #html #css #js #ui #build

Cards 🗃️🃏

32 Pins
#html #css #frontend #programacao #htmlcss #programadoriniciante #webdevelopment #ui #javascript
Button hover effect ✨🤯
Accordion image gallery using HTML and CSS

Hover 🖱️

18 Pins
Glowing neon stickers perfect for dark mode digital planners. Cyberpunk aesthetic. Download the pack. 💥 TRY for FREE NOW 👇
Read the full liquid glass guide to combine border, icon, helper line, and spacing that stays readable. #uxdesign #accessibility #liquidglass
React Context API with Tailwind CSS classes 'dark' and 'light'. #react #reactjs #tailwindcss

Page Designs 🖥️

58 Pins
Kenny Song | Brand Designer on Instagram: "The names of stars and constellations are most appropriate don't you think? The names of the font are underneath. Fo… in 2025 | Graphic design fonts, Font psychology, Modern fonts free🤩#CalligraphyFonts #RoyalFonts #FreeDafontFonts #FreeSerifFonts

Typography 🅰️

25 Pins

Vectors📐

7 Pins

Project Ideas 🧠

52 Pins
In conclusion, both React and Next.js offer distinct advantages. For 2024, React remains the go-to choice for versatile UI development. However, Next.js excels in SEO, performance, and routing complexities, making it the preferred framework for dynamic web applications. Ultimately, the choice depends on project requirements and development goals.
From beginner apps to advanced projects, here’s a massive list of 60 React project ideas designed to sharpen your skills, boost your portfolio, and get you job-ready in 2026. Whether you’re just starting or pushing into advanced territory—there’s something here to challenge you. 👉 Tap to explore the full list and kickstart your next React build today!
Você sabe a importância de usar tags semânticas no HTML? #semantic #html #htmlinput #css #html5 #frontend #tecnologia #programação #dev #pattern

Tips and cheats 💡

136 Pins