Search Results for "markup"

CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties, filters, blend modes, gradients, and keyframes—serving as both inspiration and a practical cookbook. ...

react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. ...

Vue-fullpage.js is the official Vue wrapper around the popular fullPage.js library, making it easy to build full-screen scrolling, section-based websites in Vue 3. It exposes a <full-page> component that encapsulates the underlying fullPage.js behavior, letting you declare each scrolling section as regular Vue markup while configuring options through a Vue props object. The wrapper supports installation via npm and works both with modern bundlers like Vite and as a browser-loaded module from a CDN, so you can integrate it in many different project setups. You can pass any fullPage.js options and callbacks into the wrapper, including advanced features like horizontal sliders, scroll overflow handling, and plugin extensions, simply by providing an options object. ...

Beautifully simple click-to-copy CSS effects. A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open-source and MIT licensed.

...You can style it in your CSS using the class .midnightHeader.your-class. Use whatever CSS or markup you like for each one. They will be switched automatically when necessary. To make everything work, just load midnight (and jQuery) and initialize it. We take care of the rest.

Just a little something to jump-start a site refresh. Think of it as a starter for building your own Jekyll site. The styling is kept minimal and bare to make it easier to add your own flare and markup. Takes advantage of native Sass support and data files to make customizing your site easier. Designed to put the focus on you and your writing. Headers, navigation, sidebars, and footers have been purposely emphasized. Packed with layouts and modules. Include Disqus comments, social sharing buttons, and table of contents on one or all pages. ...