Опыт создания подобных штук есть. Это очень геморройно. Таких работ мало, так как тут нужен не простой дизайнер и не простой верстальщик, и даже не простой front-end'er, а все вместе: программист js-ер, умеющий толково верстать, при этом, прочитавший немало книг по дизайну.
Не думаю, что под данную достаточно специфичную задачу есть фреймворк.
UPD. Продублирую ответ из комментариев:
специфично здесь следующее: когда вы начнете делать такой сайт, вы столкнетесь с кучей проблем уровня js, верстки и дизайна. Сначала вы будете тупить над версткой и css, потом над тем, чтобы ваш js-код был читабельным, затем над тем, чтобы все это дело подгонять, потому что с первого и десятого раза у вас получится некрасивая херня. Придется менять js-код и верстку по 10 раз, и, если вы не имеете достаточного опыта в том и в другом, у вас получится страшный код, 100500 итераций переделки и огромное число человеко-часов.
Это просто так кажется, что вот тут полоска, тут полоска, го анимировать. Это же все надо продумать, скреативить, затем подгонять параметры анимации и прочего.
Либо трех людей (js-программист, верстальщик, дизайнер) запереть в одной комнате и привязать цепью =)

У псевдоэлемента с position: absolute, не указаны значения left, top, а это означает, что браузер использует свои значения по умолчанию. А они могут вполне разниться от браузера к браузеру.
Разное поведение может обсулавливаться следующем:
когда значение по умолчанию не стоит, браузер отправляет обычный элемент к левому краю элемента с position: relative, или к краю страницы, если таковых элементов нет. Crhome видит разницу между элементами и псевдоэлементами и отправляет псевдоэлемент к краю элемента-родителя, а не элемента с position: relative.

@SelenIT2 уточнил:
Дело в том, что, по стандарту, что угодно с position:absolute и без top/right/left/bottom размещается там, где оно оказалось бы без position:absolute. А псевдоэлемент размещается перед контентом родительского элемента. А когда контент центрирован, возникает неоднозначность, где именно это «перед контентом» — до или после свободного места, добавленного для центрирования. По логике здравого смысла, полагаю, всё-таки ближе к тексту (т.е. Хром более прав).

Как оказалось, не важно: это псевдо элемент или просто элемент, IE ведет себя также. Суть в центровке контента codepen.io/anon/pen/jPmEjK
Поэтому стоит всегда добавляеть пару атрибутов left/top (или других по оси x и оси y ), чтобы позиционирование было однозначным.
Бывает, что иногда в списках position: relative не удается поставить родителю, и приходится не использовать одно из значений left/top, оставляя поведение элемента на усмотрение браузера, но в таком случае лучше изменить html-код, чтобы можно было использовать у родительского элемента списка relative, а у дочернего - absolute

Может быть я буду неправ с точки зрения прошаренного математика, но я представляю комплексные числа, как двумерные числа. Грубо говоря, для обычных чисел мы можем нарисовать прямую, где то, что слева - меньше того, что справа. А вот для комплексных чисел нужна уже плоскость, и там привычные больше/меньше не работают. Нужно вводить новые определения для нового "больше", и нового "меньше".

Зачем это все надо? В них проще тригонометрия и всякие там хитрые штуки считать. На бумажке быстрее. Как научить комлюхтер и языки программирования это дело воспринимать -- не знаю. Возможно, это лишь абстракция, и никаких ускорений в вычислениях нет, только визуально приятнее тем людям, кто в комплексных числах привык считать.

Есть еще большая жесть, где число вида a + bi + cj, ну или, для особых эстетов, когда число есть сумма из неограниченных итых, житых, катых, и прочих -тых.