css-filters

There are 1 repository under css-filters topic.

• robinloeffel / cosha

  Colorful shadows for your images. 🎨

  browserimagesshadowsdomcss-filterscolorful-shadowscss
  Language:TypeScript 987

• Specro / Philter

  Philter is a JS plugin giving you the power to control CSS filters with HTML attributes.

  css-filterscustom-filterfiltersjs-pluginsvg
  Language:JavaScript 446

• runkids / Imagvue

  :rice_scene: Imagvue is an image component for Vue.js

  image-filtersvuevue-componentslazy-loadingcss-filterscss-filter-wrapperjavascriptlazyload-images
  Language:JavaScript 265
• instacam

  xavierfoucrier / instacam

  Instant canvas video

  webrtccanvaswebcamvideoaudiocss-filterswebpacknpmjavascriptmodulemicrophonecamera
  Language:JavaScript 140

• akiomik / pilgram

  A python library for instagram filters

  blend-modescss-filtersdata-augmentationimage-augmentationimage-blendingimage-processinginstagraminstagram-filterspillow
  Language:Jupyter Notebook 107
• dark-mode-example

  ditdot-dev / dark-mode-example

  Simple and fun dark-mode detection. JavaScript with a user mode toggle.

  dark-modeprefers-color-schemejavascriptdark-mode-toggledark-themedark-mode-switcherfunstar-warscss-filtersexample
  Language:CSS 37

• dk-raw / image-editor-online

  Progressive online image editor powered by CSS 3.1 and TypeScript

  typescriptcsscss-filtersimage-processingimage-editorcloudflarejavascriptpwa
  Language:HTML 9

• Blackbriar / react-css-filter

  ⚠️ WIP - A CSS Filter wrapper as a React component.

  css-filter-wrappercss-filtersjavascriptjsnot-really-usefulreactreactjsreactjs-componentsstyled-components
  Language:JavaScript 6

• diegogurgel / css-filter-generator

  Convert hexidecimal colors to CSS filters

  color-to-filtercss-filtersfilter-from-jshex-to-filterhexadecimal-to-filterjavascript-filter
  Language:JavaScript 6

• webdev23 / THOT

  THOT | Dual audio player with crossfader and 2*7 bands Equalizer

  audioplayerjavascriptequalizerwebaudioapifilereaderlyricsratio-sliderplaylistturntablemixertraktorofflinenotificationscss-transitionscss-filtersvanilia
  Language:JavaScript 6

• absqueued / InvertImages

  Invert White Images using SVG Filters.

  css-filtersmodernizrjqueryinvert-imagessvgjavascriptie10
  Language:HTML 5

• IbrahimTanyalcin / SVG-TO-PIXELS

  A script that enables conversion of SVG to other valid image data-mime types for download. Converts an SVG to "png", "jpeg"..etc.

  mime-typessvgcss-filtersconvertdownloaderjavascriptclient-side
  Language:JavaScript 4

• GuilhermeRossato / Blurred-Voxels

  A javascript experiment to simulate a focus blur shader using CSS filters

  3dblurred-boxescsscss-filtersjavascript-experimentsshaderssimulation
  Language:JavaScript 3

• larbibaraka / super-css-filter

  Image filter using react&redux

  csscss-filter-wrappercss-filtersfilterimage-filtersreactreact-filtersnapchat
  Language:CSS 3

• shayanfpg9 / css-filters-tester

  test css filters and transform with your image

  css-filter-generatorcss-filterscss3flexbox-cssjavascriptjssass
  Language:SCSS 2

• BryanGallo / HTML-CSS-Adaptativo

  Practicas CSS3 - Media QUERY - Filtros CSS

  css-filterscss3media-queries
  Language:CSS 1

• burakkrt / css-advanced-docs

  Bu belge Css'in temel ve gelişmiş metotlarını içeren Türkçe belge niteliğinde hazırlanmış notlardan oluşur. Metotlar, tanımları ve kullanım örneklerinden oluşur. Hazırlayan @burakkrt

  csscss-animationscss-documentationcss-filterscss-fontscss-imagescss-media-queriescss-mediaquerycss-pseudo-elementscss-selectorscss-transformscss3
  Language:HTML 1

• joaomendoncaa / mgbx

  Image manipulation web app made with vanilla JavaScript from scratch.

  image-editorimage-editing-appjavascriptjavascript-appweb-applicationcss-filtershtml5-canvastooldom-manipulationjavascript-vanillavitejs
  Language:JavaScript 1

• LauraBigoni / js-filters

  This project is a test where you can upload an image and apply various filters to it using HTML, JavaScript and CSS. It is designed to be user friendly and intuitive, allowing you to easily customize the look of your images.

  css-filtersjavascript
  Language:HTML 1

• ryohidaka / css-filter-tester

  Demo page to check blur behavior with CSS.

  csscss-filtercss-filters
  Language:Svelte 1

• s9a / iffy

  hot panther cusp lotus 138shy

  colorcolorfulcolourcsscss-filtercss-filtersfunhtmlhue-rotatelibraryopensourcequintilestarfish
  Language:HTML 1

• spences10 / insta-styled

  🤳 Instagram filters list from https://github.com/picturepan2/instagram.css in a SvelteKit page

  css-filtersinstagramsveltekit
  Language:CSS 1

• ujw0l / takePicWp

  WordPress plugin to take picture with webcam and upload to the server and embed them into post using gutenberg block

  webcamcss-filtersgutenberg-blockswordpress-plugin
  Language:JavaScript 1

• vvaldesc / Luxor

  Sophisticatedly designed web page (ANIMATIONS AND RESPONSIVE MQ)

  csscss-filterscss-flexboxcss-gridcss-hover-effectscss-selectorshtmlhtml5javascriptkeyframe-animationmediaqueryonload-scriptpositioningpseudoclasszindex
  Language:CSS 1

• apainintheneck / filter

  A website that allows you to preview CSS filters on images in real time.

  css-filtercss-filterscss-imagesimage-filterimage-filters
  Language:HTML 0

• azat-a / photo-filter

  SPA for for applying filters to photos using Canvas API

  htmlcssjscss-filtersphoto
  Language:CSS 0

• Dario-Castiglione / css_filter_generator

  csscss-filterscss-generatorcss-generatorsfilterimageimgjavascriptjsvanilla
  Language:HTML 0

• lthong / react-web-projects

  Some web projects for react development

  reactreact-routerscsswepbackinstagramyoutubecss-filtersmusic-playerdark-modedark-themereact-hookssliderswipergamecountdowndrawingtouchcanvascanvas-game
  Language:JavaScript 0

• MichaelMelena / css-filters

  Examples of CSS filters

  csscss-filtersdark-modehtmljavascriptjdoc
  Language:JavaScript 0

• pooria98 / Image-Processing-CSS-filters-

  Simple image processing with built-in css filters

  csscss-filtersimage-processingjavascript
  Language:JavaScript 0

• ritabradley / js-expanding-cards

  From 50 Projects in 50 Days

  flexboxcss-filters
  Language:HTML 0

• hiMadhusudan / prepInstaWinterFSDW1PortfolioAssignment

  Basic Portfolio built using HTML5 and CSS with contact form which will automatically open email provider to sent the form data via mail.

  css-filterscss3html-formhtml5
  Language:HTML

• nobel10122025 / Photo_Editor_React_JS

  Photo Editor App created with React JS . Various Filter can be added easily or use our default filters

  photoeditorimageeditorcss-filters
  Language:JavaScript

• ujw0l / image-effects

  WordPress Gutenberg block to apply image effects to the image and embed them in post

  gutenberg-blockswordpress-plugincss-filters
  Language:JavaScript

• WebMechanic / CSSgram

  CSS library for Instagram filters

  blendmodescss-filtersinstagram
  Language:HTML

• Yashi-Singh-1 / Day-08-Metaballs

  At first glance impossible to implement with CSS, but filters make this possible too.

  csscss-effectcss-effectscss-filterscss3front-endfront-end-challengefront-end-developmentfrontendfrontend-challengefrontend-developmentfrontenddevelopmenthtmlhtml5image-processingvisual-effectsweb-designcsseffect
  Language:CSS