#split layout

🧩 Author: 8byte 🔗 Code Link: 07 . power/timid on Toyhouse 💠 Use Type: Pay to Use (P2U) 📄 Purpose: Character Profile 📝 Description: A bright and expressive dual-style character profile code featuring two distinct aesthetics: 🔹 Power – vibrant, confident, and bold with energetic color accents. 🔸 Timid – soft, muted, and introspective with a gentle color scheme.

Each version includes a split layout with an info sidebar, stat tracking sections, quote display, music embed, and structured field categories for general, physical, and emotional traits. Ideal for characters with strong personalities or dynamic contrast, like heroic vs shy types.

📷 Previews:

An interactive skewed split-screen animation written in jQuery and CSS/CSS3 that allows you to reveal (compare) two overlapping layers with mouse movement.

Demo

Download

A resizable, responsive, horizontal/vertical split layout jQuery plugin which allows the user to adjust the height & width (%) of panes by dragging the splitter.

Demo

Download

ResizerTwo.js is a lightweight split-view JavaScript library for creating a two-pane layout where you can resize the width or height of exactly two elements using a draggable handle. Features: Flexible Direction: Supports both horizontal (left-right) and vertical (top-bottom) resizing. Minimum Size Constraints: Configure minimum flex ratios to prevent panels from collapsing completely. Custom…

Granit is a fully configurable split layout plugin to split your webpage into several panes which are resizable via drag and drop.

Demo

Download

An easy-to-use split slider plugin to create a split layout that enables the developers to resize two split panes via mouse drag.

Demo

Download

The split-pane jQuery plugin dynamically creates splitter bars to resize your responsive split layout using mouse drag or touch events.

Demo

Download