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: 24 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/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/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: 14 Apr 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/alxpez/authorized-roles

Angularjs directive for layout control based on roles

angularjs conditional-rendering directive role-based-element-display

Last synced: 23 Feb 2026

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

component KIT to improve Developer eXperience.

conditional-rendering javascript jsx react typescript

Last synced: 02 Feb 2026

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

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

conditional-rendering jsx react

Last synced: 02 Feb 2026

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/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: 13 Apr 2026

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/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: 11 Apr 2026

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/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/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: 06 May 2026

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: 07 May 2026

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: 07 May 2026

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: 05 Feb 2026

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: 11 May 2026

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: 27 Jan 2026

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: 15 Apr 2026

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: 20 Jan 2026

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: 14 Feb 2026

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

Simple Accordian made using React

conditional-rendering usestate

Last synced: 19 Mar 2026

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/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: 04 May 2026

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-6-job-description

Simple React project with different job descriptions

conditional-rendering html useeffect usestate

Last synced: 31 Jan 2026

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/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: 26 Feb 2026

https://github.com/tsheporamantso/menu

Restaurant menu application built with react

browserrouter conditional-rendering reacticons reactjs usestate-hook vitejs

Last synced: 14 Feb 2026

https://github.com/reddy-epk/react-dark-mode

React Dark Mode to Light Mode converter app

conditional-rendering conversion dark-mode dark-theme

Last synced: 05 Mar 2026

https://github.com/xander1936/tours

This is a React App that's display tour from an api with theirs properties (image, name, price and info). It's the N°2 React project in the collection "Code 15 React Projects by John Smilga" at FreeCodeCamp.

api-rest arrow-functions conditional-rendering custom-component destructuring javascript reactjs substring-method ternary-operator useeffect useeffect-hook usestate usestate-hook

Last synced: 17 Apr 2026

https://github.com/shivamchawda/github-user-founder

A react project build with firebase authentication provides the user sign-in/sign-up options. The user can search for any github profile and the app will fetchthe data along with their repositories.

axios-react bootstrap conditional-rendering context-api firebase-auth firebase-configuration github-profile react-router-dom react-strap react-toastify reactjs usestate-hook

Last synced: 17 Apr 2026

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: 17 Apr 2026

https://github.com/davsav16/photo-port

This is a website that a photographer can use to show potential clients what they are capable of.

conditional-rendering hooks javascript jsx react

Last synced: 18 Apr 2026

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: 21 Apr 2026

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: 24 Apr 2026

https://github.com/xander1936/lorem-ipsum

Project N°8 of the Code 15 React Projects series made by FreeCodeCamp. Here we have learned React Hooks such as useState, Conditional Rendering and Forms.

conditional-rendering react-forms react-hooks reactjs useeffect usestate

Last synced: 25 Apr 2026

https://github.com/zlhshn/volleyball-react

A single page web application was developed using React and react bootstrap

conditional-rendering react-bootstrap usestate

Last synced: 27 Apr 2026

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: 28 Apr 2026

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: 29 Apr 2026

https://github.com/xander1936/tabs

Project N°6 of the Code 15 React Projects series made by FreeCodeCamp. Here we have learned React Hooks such as useState, useEffect and Conditional Rendering.

api api-rest call-function conditional-rendering dynamic-programming react-hooks reactjs spread-operator useeffect usestate

Last synced: 01 May 2026

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: 02 May 2026

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: 04 May 2026

https://github.com/chandrabose-11/react-add-to-cart-task

This is react Add-to-cart task By using States and hooks And conditional rendering

conditional-rendering css hooks html javascript react usestate

Last synced: 04 May 2026

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

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

conditional-rendering props proptypes reactjs

Last synced: 05 May 2026

https://github.com/laruschkaj/props

This repository contains the code and documentation for the "Spacecraft Inventory System" React project. It serves as a Capstone Step 1 exercise, demonstrating the use of React props, conditional rendering, and component composition for building dynamic UI.

components conditional-rendering exercises frontend inventory-management javascript jsx learning props react web-development

Last synced: 06 May 2026

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

Created with StackBlitz ⚡️

conditional-rendering hashrouter react

Last synced: 09 May 2026

https://github.com/zlhshn/review_react

Conditional rendering and mock API were used in this project.

conditional-rendering hook react-icons usestate

Last synced: 29 Apr 2026

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/tsheporamantso/styling

Practice repo on different styling principles in react such as style-components, module-styles, conditional styling and tailwind css.

conditional-rendering conditional-styling inline-styles module-css styled-components tailwindcss

Last synced: 04 May 2026

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/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/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: 20 Apr 2026

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: 07 Apr 2026

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

a react HOC for rendering components conditionally

conditional-rendering conditionalinitializer react react-hoc

Last synced: 08 Jan 2026

https://github.com/reddy-epk/react-welcome-app

A react program for creating a responsive Subscription page.(If not subscribed, asks for subscription)

conditional-rendering rendering terinary

Last synced: 02 Mar 2026

https://github.com/aakashdinkarh/jsx-switch

Conditional Rendering is one of the most used concepts while writing a component, this is to reduce the complexity and increase the readability.

conditional-rendering jsx-switch switch-case switch-case-statements switch-component switch-jsx swtich

Last synced: 26 Jun 2025

https://github.com/rasujon3/crypto-cafe

React Router Conceptual Session: 1

conditional-rendering reat-router-dom useparams

Last synced: 06 Apr 2025

https://github.com/tsheporamantso/toours

React practice application, fetching data from API and display different tourist attractions.

api-rest axios-react conditional-rendering usereducer usestate-hook

Last synced: 14 Feb 2026

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: 20 Jan 2026

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: 09 Apr 2026

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: 09 Apr 2026

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