Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with conditional-rendering

A curated list of projects in awesome lists tagged with conditional-rendering .

https://github.com/ndiego/block-visibility

Conditional visibility controls for all WordPress blocks.

conditional-rendering gutenberg-blocks visibility wordpress wordpress-plugin

Last synced: 05 Apr 2025

https://github.com/konstantinsimeonov/tsx-control-statements

Control flow JSX/TSX elements that get compiled to plain old javascript.

conditional-rendering control-statements if jsx loop react transformer tsx typescript

Last synced: 09 Apr 2025

https://github.com/KonstantinSimeonov/tsx-control-statements

Control flow JSX/TSX elements that get compiled to plain old javascript.

conditional-rendering control-statements if jsx loop react transformer tsx typescript

Last synced: 24 Apr 2025

https://github.com/oliverloops/react-hider

🎩 A minimalist show or not library based on conditional rendering foundations

conditional-rendering jsx react

Last synced: 06 Sep 2025

https://github.com/pardnchiu/QuickUI

QuickUI is a lightweight frontend framework built on vanilla JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.

chiuchingwei conditional-rendering front-end-framework javascript-library loop-rendering native-api pardnchiu pardnio pardnltd ui-framework vanilla-javascript virtual-dom

Last synced: 14 Apr 2025

https://github.com/ivanhuay/rc-if

React Component for conditional rendering

conditional-rendering ngif react reactjs

Last synced: 12 May 2025

https://github.com/pardnchiu/quickui

QuickUI is a lightweight frontend framework built on vanilla JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.

chiuchingwei conditional-rendering front-end-framework javascript-library loop-rendering native-api pardnchiu pardnio pardnltd ui-framework vanilla-javascript virtual-dom

Last synced: 06 Sep 2025

https://github.com/pk170970/react-project-10-grocerytodo

Grocery todo with React having edit , clear and delete functionality

conditional-rendering localstorage react useeffect usestate

Last synced: 29 Mar 2025

https://github.com/jamal-saadeddin/counter-app

My first React project, learned at codewithmosh.com.

conditional-rendering handling-events react react-components react-props

Last synced: 13 Mar 2025

https://github.com/vldmrgnn/react-context-switch

Conditional JSX Rendering, using the power of React Context API.

conditional-rendering jsx react

Last synced: 11 Jun 2025

https://github.com/hardyyb2/react-conditional-match

component KIT to improve Developer eXperience.

conditional-rendering javascript jsx react typescript

Last synced: 28 Jun 2025

https://github.com/boddepallyvenkatesh06/qtify

QTify is an music album website which consists of variety of albums, songs which user can browse.

accordion-flexbox conditional-rendering css3 functional-programming hooks material-ui reactjs swipperjs toaster

Last synced: 11 Oct 2025

https://github.com/boddepallyvenkatesh06/qtrip-dynamic

QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.

bootstrap5 conditional-rendering css3 es6 event-handling html5 http-server javascript-library localstorage netlify-responsive-design render-developer-tools rest-api

Last synced: 21 Aug 2025

https://github.com/milindkusahu/qtrip-dynamic

QTrip Dynamic is a travel website aimed at travelers looking for a multitude of adventures in different cities.

bootstrap bootstrap-carousel conditional-rendering css curl deployment developer-tools dom-manipulation es6 event-handling heroku html http javascript json localstorage netlify-cli responsive-design rest

Last synced: 07 Apr 2025

https://github.com/debabrata-pw08-429/qtripdynamic

QTripDynamic : A travel website offering city adventures with features like multi-select filters, reservation support, and backend deployment.

bootstrap-carousel conditional-rendering curl developer-tools dom-manipulation event-handling localstorage netlify-cli responsive-design

Last synced: 06 Jul 2025

https://github.com/pk170970/react-project-4-accordian

Simple Accordian made using React

conditional-rendering usestate

Last synced: 29 Mar 2025

https://github.com/marleydip/react-todo-app-redux-toolkit-tailwind-css

A powerful ToDo app with a progress bar, total task count, active/completed task tracking, filters (All, Active, Completed), and full CRUD functionality including bulk complete and clear.

conditional-rendering functional-components jsx lists map-array-method react-redux-toolkit tailwind-css ternary-operator usestate-hook

Last synced: 15 Oct 2025

https://github.com/pk170970/react-project-6-job-description

Simple React project with different job descriptions

conditional-rendering html useeffect usestate

Last synced: 16 Jun 2025

https://github.com/dipeshduwal/cv-application

A feature-rich Resume Builder application that allows users to create, customize, and download professional resumes.

axios conditional-rendering css express javascript jspdf jsx jwt nodejs nodemailer postgresql react reactrouter6 state-management vite

Last synced: 24 Oct 2025

https://github.com/laruschkaj/pokedex-project

A React application (Pokedex) demonstrating component hierarchy, props, conditional rendering, and dynamic list generation to simulate a Pokemon card game with two randomized hands.

arrays components conditional-rendering defaultprops frontend game javascript jsx map pokedex pokemon props react web-development

Last synced: 06 Sep 2025

https://github.com/asbhogal/react-fundamentals

A simple repo showing different fundamentals and good practices in React, covering state management, passing children and functions to components via props and conditional rendering. Written in TypeScript and styled using Bootstrap.

bootstrap bootstrap5 conditional-rendering prop-types react react-basics react-components react-fundamentals react-fundamentals-concepts reactjs state-management ts tsx typescript vite vitets

Last synced: 27 Oct 2025

https://github.com/marleydip/react-quiz-app-redux-toolkit-tailwind-css

Features include a guided start screen, timed questions, real-time answer feedback with explanations, and a sleek results page showing your score, time taken, and correct/wrong answers..

actions conditional-rendering configurestore createslice functional-components keys lists map-array-method provider reducer redux-toolkit tailwind-css ternary-operator usestate-hook

Last synced: 02 Aug 2025

https://github.com/marleydip/react-multi-step-registration-form-context-api-tailwind-css

Features include input validation, a progress bar, preferences, and reviews. It collects user data in two sections: Personal & Contact Information and is easily extendable.

conditional-rendering context-api functional-components map-array-method tailwind-css ternary-operator

Last synced: 02 Aug 2025

https://github.com/asrieldreemurrgm/vuejs_todolist_app

A task list app built with Vue.js and Bootstrap 5, created to practice Vue fundamentals such as components, event handling, conditional rendering, and dynamic list management.

bootstrap bootstrap5 conditional-rendering dom-manipulation frontend functions-javascript html5 javascript task-manager v-for v-if vue vue-components vue-events vue-todolist vuejs vuejs-components vuejs-project vuejs-templates

Last synced: 11 Sep 2025

https://github.com/bahrus/be-switched

be-switched is a template behavior that lazy loads content when conditions are met.

behavior conditional-rendering custom-element custom-elements web-component web-components

Last synced: 15 Apr 2025

https://github.com/pk170970/react-project-9-color-generator

React color generator project with values.js library to fetch different shades of colors

conditional-rendering hooks rgbtohex useeffect usestate

Last synced: 04 Oct 2025

https://github.com/marleydip/react-invoice-generator-app-redux-toolkit-tailwind-css

A modern invoice generator to add, edit, delete, filter invoices, and generate professional PDFs with a clean React, Tailwind, Redux Toolkit setup.

conditional-rendering functional-components headlessui-react javascript lists-keys props-and-state-components redux-toolkit tailwind-css ternary-operator

Last synced: 12 Aug 2025

https://github.com/marleydip/react-ecommerce-website-redux-toolkit-router-tailwind-css

Responsive eCommerce website built with product search, category filtering, and complete cart management, including add, update, and delete functionalities.

conditional-rendering functional-component lists-keys react-redux-toolkit react-router-v7 tailwind-css

Last synced: 12 Aug 2025

https://github.com/iamdeepak199/netflix-app

🎬 Netflix Clone – React + Vite A responsive Netflix-style web app built with React 19 and Vite 7, designed to deliver fast performance and a modern user experience.

app component conditional-rendering es6 netflix-clone react reactjs vite

Last synced: 15 Jul 2025

https://github.com/marleydip/react-ecommerce-context-api-tailwind-css

E-commerce app built with React & Tailwind CSS featuring product carousel, pagination, cart management with Context API, local storage, and Clerk authentication.

arrow-functions clerk-auth conditional-rendering context-api functional-components javascript-array-methods javascript-object-methods lists-keys local-storage pagination react-slick ternary-operator

Last synced: 21 Aug 2025

https://github.com/marleydip/react-contact-form-tailwind-css

Responsive React contact form with validation for email, phone, and required fields, logging submitted data to the console.

conditional-rendering functional-components javascript-array-methods javascript-object-methods lists-and-keys ternary-operator

Last synced: 21 Aug 2025

https://github.com/sofiane-abou-abderrahim/react-investment-calculator

This project demonstrates essential React features: modular components, state management, conditional rendering, and value conversion. Users can estimate investment values by inputting parameters. Explore the code to enhance your React skills and start estimating investments effortlessly!

codebase components conditional-rendering css development-tools es6 frontend html investment-calculator javascript jsx open-source react reactsjs state-management utility-functions value-conversion web-application web-development

Last synced: 04 Oct 2025

https://github.com/sabha-mushtaq/userpage-react

A responsive login/sign-up form using React, Tailwind CSS, and Vite. Features dynamic toggling, additional sign-up fields, and a clean, mobile-friendly design.

conditional-rendering react usestate-hook

Last synced: 04 Oct 2025

https://github.com/marleydip/react-table-with-editable-cells-tailwind-css

A lightweight React table with inline cell editing, search, filtering, add/delete rows, and undo functionality - built entirely without external table libraries.

conditional-rendering functional-components javascript-array-methods javascript-object-methods lists-and-keys props-and-state-components ternary-operator usestate-hook

Last synced: 21 Aug 2025

https://github.com/siphamandlabili/google-keep-react

google keep react clone implemented with react js

conditional-rendering controlled-input react-state-management

Last synced: 23 Aug 2025

https://github.com/zlhshn/review_react

Conditional rendering and mock API were used in this project.

conditional-rendering hook react-icons usestate

Last synced: 22 Mar 2025

https://github.com/debabrata-pw08-429/qkart_frontend_v2

QKart: React e-commerce platform. Auth, dynamic product listing, search, cart, checkout, order confirmation. Modern, scalable architecture.

conditional-rendering debouncing mui-material notistack react-hooks reactjs

Last synced: 06 Mar 2025

https://github.com/abimanianandan/shop-homepage

https://shop-homepage-f37jgho6g-abimanianandans-projects.vercel.app/

conditional-rendering reactjs usestate

Last synced: 20 Mar 2025

https://github.com/palmcivet/markdown-it-conditional-render

Plugin for creating if-else conditional blocks for markdown-it markdown parser

conditional-rendering markdown-it markdown-it-plugin

Last synced: 06 Mar 2025

https://github.com/vivekshaarma/qtrip-dynamic

QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.

conditional-rendering css3 es6 event-handling html5 javascript localstorage responsive-design rest-api

Last synced: 16 Apr 2025

https://github.com/miro-wq/goit-react-hw-02-feedback

This homework task is a React-based feedback widget designed for Expresso Café to collect customer opinions. The application allows users to provide feedback as positive, neutral, or negative, and displays statistics based on the collected data.

components conditional-rendering css-modules data-calculations reactjs refactoring state-management

Last synced: 15 Mar 2025

https://github.com/yuriyvyatkin/ra-hw-3.3-chat-history

ДЗ №3 к лекции «Props» курса «React» Нетологии

conditional-rendering props proptypes reactjs

Last synced: 01 Jul 2025

https://github.com/ranjeet2311/react-quiz-app

Show 10 questions, on next step shows if last answer was right or wrong as well as new question. At last shows total score.

conditional-rendering mapping react

Last synced: 11 Jun 2025

https://github.com/ibnzuk/react_food_ordering

Experimental serverless React food ordering application with the option to add items to cart and read order status

conditional-rendering glass ibnz ibnz-developers ibnzuk modal react react-components

Last synced: 31 Mar 2025

https://github.com/iahmadiqbalbhatti/pizzamenuapp

Its a simple React JS App. Its for Learning ReactJS.

conditional-rendering javascript js jsx jsx-syntax react reactj ternary-operator

Last synced: 27 Feb 2025

https://github.com/bodnya29179/ngx-responsive-if

📱 ngx-responsive-if – Conditional rendering based on media queries.

angular conditional-rendering directive media-queries ngx-responsive-if responsive typescript ui

Last synced: 16 Mar 2025

https://github.com/poojachauhan25/greeting-app

The Greeting App_ is a simple web application built using Node.js, Express, and React. It allows users to enter their name, fetch a personalized greeting from the backend API, and display it on the frontend. If no name is entered, an error message is shown.

conditional-rendering cors-handling event-handling expressjs fetch-api inline-css json-response nodejs react react-hooks server

Last synced: 02 Aug 2025

https://github.com/alun-price/vuefundamentals3

Code for lessons 29-31 on the Complete Vue Developer 2023 - conditional rendering, v-show directives and list rendering

conditional-rendering list-rendering v-show vue3

Last synced: 21 Jun 2025

https://github.com/adimisdev/adimis-react-formix

@adimis/react-formix is a powerful React library that simplifies form management and validation for modern web applications.

conditional-rendering react reacthookform schemaform shadcn-ui theme typescript zod

Last synced: 21 Feb 2025

https://github.com/pvinis/react-conditional-wrap

A simple component that helps you easily wrap components with other components, conditionally.

conditional-rendering react wrap

Last synced: 26 Mar 2025

https://github.com/risudev/mern_auction_platform_frontend

This is the **frontend** of the Auction Platform built with **React.js** and **TailwindCSS**. It provides a responsive and user-friendly interface for both users and sellers to interact with the platform.

api-integration conditional-rendering dashboard-design form-validation netlify-deployment react-router reactjs responsive-design reusable-components shadcn-ui tailwindcss toast-notifications useeffect usestate

Last synced: 08 Oct 2025

https://github.com/niklus/react-hash-router

Created with StackBlitz ⚡️

conditional-rendering hashrouter react

Last synced: 12 Oct 2025

https://github.com/camilopinzon/context-api

This is a simple React application that demonstrates how to implement a theme toggler (light/dark mode) using the Context API. The theme is managed globally and can be toggled from any component within the application.

conditional-rendering context-api custom-hook react typescript

Last synced: 26 Oct 2025

https://github.com/diegoivg98/square-rgb

Renderizado condicional

conditional-rendering reactjs rgb rgb-hex

Last synced: 14 Mar 2025

https://github.com/tedjenkler/rest-countries-api-with-color-theme-switcher

Challange by frontendmentor made by Teodor Jenkler showing of my knowledge in API, UseState, UseEffect, Mapping out lists(Cards) and conditional rendering with JS and CSS

api conditional-rendering reactjs useeffect usestate

Last synced: 28 Oct 2025

https://github.com/developeromarfaruk/e-commerce

The simple product card adds to chart click than the show product price, product quantity, tax cost, shipping cost, and total cost. Checkout button click than the alert notification.

conditional-rendering css handling-events hooks reactjs

Last synced: 13 Dec 2025

https://github.com/vmosiichuk-dev/ps2-horror

React digital library with prices for PS2 collectors, connected to IGDB API, that utilizes a NodeJS reverse proxy. The app offers a wide range of features to facilitate collection management.

component-architecture conditional-rendering cors-headers css derived-states dynamic-styles event-handling javascript jsx lifecycle-methods node-js react reverse-proxy state-management

Last synced: 15 Jun 2025

https://github.com/k5924/memegenerator

A simple react app to retrieve memes from an API and render text at the top and bottom of the image

api async await conditional-rendering event-listener props react useeffect usestate

Last synced: 23 Feb 2025

https://github.com/nandhutee/weather-forecast-by-lat-and-long---understanding-folder-structure-server-side---l81jnfuz07jt

Weather Forecasting App allows users to input latitude and longitude coordinates, fetch weather forecasts from the Met Norway Weather API, and display the forecasted data in a tabular format on the webpage. Each component and function works together to create a seamless user experience for accessing weather information.

api-integration conditional-rendering css-styling date-formatting error-handling html nextjs-layout-component nextjs-routing react react-hooks reactjs

Last synced: 09 Sep 2025

https://github.com/a9na/react-projects

⚛️ A curated collection of React exercises and projects demonstrating core concepts such as state management, hooks, conditional rendering, and the Context API, aimed at building a deeper understanding of React development. 🚀

click-events conditional-rendering context-api hooks react state-management use-effect use-ref use-state

Last synced: 23 Jun 2025

https://github.com/pulaak98/expense-tracker-demo

Small Expense Tracker app built with React & Vite — first project learning state, props, conditional rendering & dynamic lists.

conditional-rendering dynamiclist eventhandling lifting-state-up props-and-state-components react state-management vite

Last synced: 13 Jul 2025

https://github.com/isco81/password-manager-intermediate

Securely manage your passwords with this Python-based Password Manager. Features include random password generation, clipboard support, and a user-friendly GUI. 🔒💻

automation clipboard componentlifecycle conditional-rendering error-handling fernet fernet-encryption file-handling form-handling gui intermediate json json-manipulation password-generator password-manager programming tkinter uuid

Last synced: 16 Jul 2025

https://github.com/buzzraa/investment-calculator

This project is a project basic investment calculator app which is built using React.js. It covers concepts such as object / array destructuring, props, conditional rendering, useState

component conditional-rendering css destructuring-arrays destructuring-objects html javascript props reactjs usestate vite

Last synced: 03 Mar 2025

https://github.com/daveberning/vue-render-if

Render Vue slots if properties are not undefined, null, empty strings, or a custom value. This helps avoid long and confusing v-ifs just to check if a property is valid.

conditional-rendering es6 javascript props vue

Last synced: 05 Apr 2025

https://github.com/miro-wq/react-feedback

This is a React-based feedback widget designed for Expresso Café to collect customer opinions. The application allows users to provide feedback as positive, neutral, or negative, and displays statistics based on the collected data.

components conditional-rendering css-modules data-calculations reactjs refactoring state-management

Last synced: 13 Apr 2025

https://github.com/samislam/conditionalize-component

a react HOC for rendering components conditionally

conditional-rendering conditionalinitializer react react-hoc

Last synced: 11 May 2025